| 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);
|
| +})
|
|
|