blob: 508658b55b4651c2690f25d5c8fabcb2308d8ff4 [file] [log] [blame]
<html>
<head>
<script type="text/javascript" src="../../http/tests/inspector-protocol/dom-protocol-test.js"></script>
<script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
<script type="text/javascript" src="./accessibility-dumpAccessibilityNodes.js"></script>
<script>
function test()
{
InspectorTest.sendCommand("DOM.getDocument", {}, InspectorTest.dumpAccessibilityNodesBySelectorAndCompleteTest.bind(null, "summary"));
}
function done() {
document.body.classList.add("done");
}
</script>
<style>
body.done .tests {
display: none;
}
</style>
</head>
<!-- Compare with accessibility/name-calc-summary.html -->
<body onLoad="runTest();">
<div class="tests">
<!-- Need to test summary element which has no DOM node equivalent.
<details id="details1">
<p>details1-content</p>
</details>
-->
<details id="details2">
<summary id="summary2" title="summary2-title"></summary>
<p>details2-content</p>
</details>
<details id="details3">
<summary id="summary3" title="summary3-title">summary3-contents</summary>
<p>details3-content</p>
</details>
<details id="details4">
<summary id="summary4" title="summary4-title" aria-label="summary4-aria-label">summary4-contents</summary>
<p>details4-content</p>
</details>
<details id="details5">
<summary id="summary5" title="summary5-title" aria-label="summary5-aria-label" aria-labelledby="labelledby5">summary5-contents</summary>
<p>details5-content</p>
</details>
<span hidden="true" id="labelledby5">summary5-aria-labelledby</span>
</div>
</body>
</html>