| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <head> | |
| 3 <script type="text/javascript" src="../resources/dom-protocol-test.js"></script> | |
| 4 <script type="text/javascript" src="../../http/tests/inspector-protocol/resource
s/inspector-protocol-test.js"></script> | |
| 5 <script type="text/javascript" src="../resources/accessibility-dumpAccessibility
Nodes.js"></script> | |
| 6 <script> | |
| 7 | |
| 8 function test() | |
| 9 { | |
| 10 InspectorTest.sendCommand("DOM.getDocument", | |
| 11 {}, | |
| 12 (result) => { | |
| 13 InspectorTest.dumpAccessibilityNodesBySelectorAndCompleteTest('[data-dum
p]', true, result); | |
| 14 }); | |
| 15 } | |
| 16 </script> | |
| 17 </head> | |
| 18 <body onLoad="runTest();"> | |
| 19 <div>Non-hidden div for comparison</div> | |
| 20 <div role="tree"> | |
| 21 <div role="treeitem">non-hidden treeitem</div> | |
| 22 <div data-dump >hidden non-treeitem</div> | |
| 23 </div> | |
| 24 <div role="img"> | |
| 25 <svg data-dump> | |
| 26 <!-- Children of img role are presentational --> | |
| 27 <circle xmlns:svg="http://www.w3.org/2000/svg" cx="150px" cy="100px"
r="50px" fill="#ff0000" stroke="#000000" stroke-width="5px"/> | |
| 28 </svg> | |
| 29 </div> | |
| 30 <button> | |
| 31 <span data-dump>Buttons are leaf nodes</span> | |
| 32 </button> | |
| 33 <div data-dump aria-hidden="true"> | |
| 34 <div data-dump>Descendant of aria-hidden node</div> | |
| 35 </div> | |
| 36 <ol role="none" data-dump><!-- list is presentational --> | |
| 37 <li data-dump>List item also presentational</li> | |
| 38 <div data-dump>Div in list isn't presentational</div> | |
| 39 </ol> | |
| 40 | |
| 41 <label for="checkbox" data-dump><span data-dump>Content within label refers
to label container</span></label> | |
| 42 <input type="checkbox" id="checkbox"> | |
| 43 <div style="display: none" data-dump> | |
| 44 Non-rendered div | |
| 45 <span data-dump>Span within non-rendered div</span> | |
| 46 <button aria-hidden="false">aria-hidden false button</button> | |
| 47 </div> | |
| 48 | |
| 49 <canvas style="height: 1px; width: 1px;" data-dump></canvas> | |
| 50 | |
| 51 <canvas role="presentation" data-dump><div>Canvas fallback content</div></ca
nvas> | |
| 52 | |
| 53 <select data-dump> | |
| 54 <option data-dump>Options should be</option> | |
| 55 <option>sent down even though</option> | |
| 56 <option>they are grandchildren</option> | |
| 57 </select> | |
| 58 | |
| 59 <button inert data-dump>inert button</button> | |
| 60 <div id="inert-root" inert> | |
| 61 <button data-dump>button in inert subtree</button> | |
| 62 </div> | |
| 63 </body> | |
| 64 </html> | |
| OLD | NEW |