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