Index: third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-labelledby.js |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-labelledby.js b/third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-labelledby.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d861c55ac3c52a7c35761b9407a48f61c26f05c4 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/accessibility/accessibility-nameSources-labelledby.js |
@@ -0,0 +1,75 @@ |
+(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='div'>Div Contents</div> |
+ |
+ <button data-dump id='self'>Contents of button</button> |
+ |
+ <button data-dump id='labelledby' aria-labelledby='label1'>Contents</button> |
+ <div id='label1'>Label 1</div> |
+ |
+ <button data-dump id='labelledbySelf' aria-labelledby='labelledbySelf'>Contents</button> |
+ |
+ <button data-dump id='labelledby3' aria-labelledby='labelledby3 label3'>Contents</button> |
+ <div id='label3'>Label 3</div> |
+ |
+ <button data-dump id='labelledby4' aria-labelledby='label4'>Contents</button> |
+ <div id='label4' aria-labelledby='label4chained'>Contents 4</div> |
+ <p id='label4chained'>Contents 4 chained</p> |
+ |
+ <button data-dump id='labelledby5' aria-labelledby='label5'>Contents</button> |
+ |
+ <button data-dump id='labelledby6' aria-labelledby='label6'>Contents</button> |
+ <div id='label6'></div> |
+ |
+ <button data-dump id='labelledby7' aria-labelledby='label7'>Contents</button> |
+ <h3 id='label7' style='visibility: hidden'>Invisible label</h3> |
+ |
+ <button data-dump id='labelledby8' aria-labelledby='label8'>Contents</button> |
+ <h3 id='label8' style='display: none'>Display-none label</h3> |
+ |
+ <button data-dump id='labelOnly' aria-label='Label'>Contents</button> |
+ |
+ <button data-dump id='emptyLabel1' aria-label=''>Contents</button> |
+ |
+ <button data-dump id='emptyLabel2' aria-label>Contents</button> |
+ |
+ <button data-dump id='labelledby9' aria-labelledby='label9' aria-label='Label'>Contents</button> |
+ <div id='label9'>Labelledby 9</div> |
+ |
+ <button data-dump id='labelledby10' aria-labelledby='label10'>Contents</button> |
+ <div id='label10' aria-label='Label 10 label'>Contents 10</div> |
+ |
+ <button data-dump id='labelledby11' aria-labelledby='label11'>Contents</button> |
+ <div id='label11' aria-label=''>Contents 11</div> |
+ |
+ <button data-dump id='labelledby12' aria-labelledby='label12'>Contents</button> |
+ <div id='label12' aria-label='Label 12 label' aria-labelledby='label12chained'>Contents 12</div> |
+ <p id='label12chained'>Contents 12 chained</p> |
+ |
+ <input data-dump id='input1' aria-labelledby='list1'> |
+ <ul id='list1' aria-owns='list1_item3'> |
+ <li>A |
+ <li>B |
+ </ul> |
+ <div role='listitem' id='list1_item3'>C</div> |
+ </div> |
+ `, ''); |
+ |
+ var dumpAccessibilityNodesBySelectorAndCompleteTest = |
+ (await testRunner.loadScript('../resources/accessibility-dumpAccessibilityNodes.js'))(testRunner, session); |
+ |
+ var msg = await dp.DOM.getDocument(); |
+ dumpAccessibilityNodesBySelectorAndCompleteTest('[data-dump]', false, msg); |
+}) |