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