OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script type="text/javascript" src="../../http/tests/inspector-protocol/dom-prot
ocol-test.js"></script> | |
4 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto
r-protocol-test.js"></script> | |
5 <script type="text/javascript" src="./accessibility-dumpAccessibilityNodes.js"><
/script> | |
6 <script> | |
7 | |
8 function test() | |
9 { | |
10 InspectorTest.sendCommand("DOM.getDocument", {}, (msg) => { | |
11 InspectorTest.dumpAccessibilityNodesBySelectorAndCompleteTest("[data-dum
p]", false, msg); | |
12 }); | |
13 } | |
14 | |
15 function done() { | |
16 document.body.classList.add("done"); | |
17 } | |
18 | |
19 </script> | |
20 <style> | |
21 body.done .tests { | |
22 display: none; | |
23 } | |
24 </style> | |
25 </head> | |
26 <!-- Compare with accessibility/name-calc-visibility.html --> | |
27 <body onLoad="runTest();"> | |
28 <div class="tests"> | |
29 <div data-dump id="link1" tabIndex=0 role="link"> | |
30 <p>1</p> | |
31 <table> | |
32 <tr><td>2</td></tr> | |
33 <tr><td style="visibility: hidden">3</td></tr> | |
34 <tr><td style="display:none">4</td></tr> | |
35 <tr style="visibility: hidden"><td>5</td></tr> | |
36 <tr style="display: none"><td>6</td></tr> | |
37 </table> | |
38 <p>7</p> | |
39 </div> | |
40 | |
41 | |
42 <input data-dump id="input2" aria-labelledby="label2"> | |
43 <div id="label2"> | |
44 <p>1</p> | |
45 <table> | |
46 <tr><td>2</td></tr> | |
47 <tr><td style="visibility: hidden">3</td></tr> | |
48 <tr><td style="display:none">4</td></tr> | |
49 <tr style="visibility: hidden"><td>5</td></tr> | |
50 <tr style="display: none"><td>6</td></tr> | |
51 </table> | |
52 <p>7</p> | |
53 </div> | |
54 | |
55 <input data-dump id="input3" aria-labelledby="3a 3b 3c 3d 3e 3f 3g"> | |
56 <p id="3a">1</p> | |
57 <table> | |
58 <tr><td id="3b">2</td></tr> | |
59 <tr><td id="3c" style="visibility: hidden">3</td></tr> | |
60 <tr><td id="3d" style="display:none">4</td></tr> | |
61 <tr id="3e" style="visibility: hidden"><td>5</td></tr> | |
62 <tr id="3f" style="display: none"><td>6</td></tr> | |
63 </table> | |
64 <p id="3g">7</p> | |
65 | |
66 <input data-dump id="input4" aria-labelledby="label4"> | |
67 <div style="display: none"> | |
68 <div id="label4"> | |
69 <p>1</p> | |
70 <table> | |
71 <tr><td>2</td></tr> | |
72 <tr><td style="visibility: hidden">3</td></tr> | |
73 <tr><td style="display:none">4</td></tr> | |
74 <tr style="visibility: hidden"><td>5</td></tr> | |
75 <tr style="display: none"><td>6</td></tr> | |
76 </table> | |
77 <p>7</p> | |
78 </div> | |
79 </div> | |
80 | |
81 <h3 id="heading1"> | |
82 Before | |
83 <p id="hidden1" aria-hidden="true">Hidden text</p> | |
84 After | |
85 </h3> | |
86 <button data-dump id="button1" aria-labelledby="hidden1"></button> | |
87 | |
88 <h3 id="heading2"> | |
89 Before | |
90 <p id="hidden2" aria-hidden="true">Hidden text</p> | |
91 After | |
92 </h3> | |
93 <button data-dump id="button2" aria-labelledby="heading2"></button> | |
94 | |
95 <h3 id="heading3" aria-hidden="true"> | |
96 Before | |
97 <p id="hidden3">Text within hidden subtree</p> | |
98 After | |
99 </h3> | |
100 <button data-dump id="button3" aria-labelledby="hidden3"></button> | |
101 | |
102 <h3 id="heading4" aria-hidden="true"> | |
103 Before | |
104 <p id="hidden4" aria-hidden="true">Text within hidden subtree</p> | |
105 After | |
106 </h3> | |
107 <button data-dump id="button4" aria-labelledby="heading4"></button> | |
108 | |
109 <label for="input5" aria-hidden="true"> | |
110 Before | |
111 <p aria-hidden="true">Hidden text</p> | |
112 After</label> | |
113 <input data-dump id="input5"> | |
114 </div> | |
115 </body> | |
116 </html> | |
OLD | NEW |