Index: third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-visiblity.js |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-visiblity.js b/third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-visiblity.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c87c7832b794a51d061035fbb0df75d10209b8df |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-visiblity.js |
@@ -0,0 +1,107 @@ |
+(async function(testRunner) { |
+ let {page, session, dp} = await testRunner.startHTML(` |
+ <style> |
+ body.done .tests { |
+ display: none; |
+ } |
+ </style> |
+ <script> |
+ function done() { |
+ document.body.classList.add('done'); |
+ } |
+ </script> |
+ <!-- Compare with accessibility/name-calc-figure.html, accessibility/name-calc-img.html, accessibility/name-calc-presentational.html and accessibility/name-calc-svg.html--> |
+ <div class='tests'> |
+ <div data-dump id='link1' tabIndex=0 role='link'> |
+ <p>1</p> |
+ <table> |
+ <tr><td>2</td></tr> |
+ <tr><td style='visibility: hidden'>3</td></tr> |
+ <tr><td style='display:none'>4</td></tr> |
+ <tr style='visibility: hidden'><td>5</td></tr> |
+ <tr style='display: none'><td>6</td></tr> |
+ </table> |
+ <p>7</p> |
+ </div> |
+ |
+ <input data-dump id='input2' aria-labelledby='label2'> |
+ <div id='label2'> |
+ <p>1</p> |
+ <table> |
+ <tr><td>2</td></tr> |
+ <tr><td style='visibility: hidden'>3</td></tr> |
+ <tr><td style='display:none'>4</td></tr> |
+ <tr style='visibility: hidden'><td>5</td></tr> |
+ <tr style='display: none'><td>6</td></tr> |
+ </table> |
+ <p>7</p> |
+ </div> |
+ |
+ <input data-dump id='input3' aria-labelledby='3a 3b 3c 3d 3e 3f 3g'> |
+ <p id='3a'>1</p> |
+ <table> |
+ <tr><td id='3b'>2</td></tr> |
+ <tr><td id='3c' style='visibility: hidden'>3</td></tr> |
+ <tr><td id='3d' style='display:none'>4</td></tr> |
+ <tr id='3e' style='visibility: hidden'><td>5</td></tr> |
+ <tr id='3f' style='display: none'><td>6</td></tr> |
+ </table> |
+ <p id='3g'>7</p> |
+ |
+ <input data-dump id='input4' aria-labelledby='label4'> |
+ <div style='display: none'> |
+ <div id='label4'> |
+ <p>1</p> |
+ <table> |
+ <tr><td>2</td></tr> |
+ <tr><td style='visibility: hidden'>3</td></tr> |
+ <tr><td style='display:none'>4</td></tr> |
+ <tr style='visibility: hidden'><td>5</td></tr> |
+ <tr style='display: none'><td>6</td></tr> |
+ </table> |
+ <p>7</p> |
+ </div> |
+ </div> |
+ |
+ <h3 id='heading1'> |
+ Before |
+ <p id='hidden1' aria-hidden='true'>Hidden text</p> |
+ After |
+ </h3> |
+ <button data-dump id='button1' aria-labelledby='hidden1'></button> |
+ |
+ <h3 id='heading2'> |
+ Before |
+ <p id='hidden2' aria-hidden='true'>Hidden text</p> |
+ After |
+ </h3> |
+ <button data-dump id='button2' aria-labelledby='heading2'></button> |
+ |
+ <h3 id='heading3' aria-hidden='true'> |
+ Before |
+ <p id='hidden3'>Text within hidden subtree</p> |
+ After |
+ </h3> |
+ <button data-dump id='button3' aria-labelledby='hidden3'></button> |
+ |
+ <h3 id='heading4' aria-hidden='true'> |
+ Before |
+ <p id='hidden4' aria-hidden='true'>Text within hidden subtree</p> |
+ After |
+ </h3> |
+ <button data-dump id='button4' aria-labelledby='heading4'></button> |
+ |
+ <label for='input5' aria-hidden='true'> |
+ Before |
+ <p aria-hidden='true'>Hidden text</p> |
+ After</label> |
+ <input data-dump id='input5'> |
+ </div> |
+ `, ''); |
+ |
+ var dumpAccessibilityNodesBySelectorAndCompleteTest = |
+ (await testRunner.loadScript('../resources/accessibility-dumpAccessibilityNodes.js'))(testRunner, session); |
+ |
+ var msg = await dp.DOM.getDocument(); |
+ dumpAccessibilityNodesBySelectorAndCompleteTest('[data-dump]', false, msg); |
+}) |