OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
4 | 4 |
5 <style> | 5 <style> |
6 .hideAllContainers .container { display: none; } | 6 .hideAllContainers .container { display: none; } |
7 | 7 |
8 button { | 8 button { |
9 display: block; | 9 display: block; |
10 } | 10 } |
11 </style> | 11 </style> |
12 | 12 |
13 <div class="container" id="container1" role="group" aria-label="Container"> | 13 <div class="container" id="container1" role="group" aria-label="Container"> |
14 <div id="heading1" role="heading" aria-owns="menu1">heading</div> | 14 <div id="heading1" role="heading" aria-owns="menu1">heading</div> |
15 <div id="menu1" role="menu">menu</div> | 15 <div id="menu1" role="menu">menu</div> |
16 </div> | 16 </div> |
17 | 17 |
18 <script> | 18 <script> |
19 test(function(t) | 19 test(function(t) |
20 { | 20 { |
21 // No problem with using aria-owns to put a menu inside a heading. | 21 // No problem with using aria-owns to put a menu inside a heading. |
22 var axHeading1 = accessibilityController.accessibleElementById("heading1"); | 22 var axHeading1 = accessibilityController.accessibleElementById("heading1"); |
23 assert_equals(axHeading1.name, "heading menu"); | 23 assert_equals(axHeading1.name, "heading "); |
24 var axContainer1 = accessibilityController.accessibleElementById("container1
"); | 24 var axContainer1 = accessibilityController.accessibleElementById("container1
"); |
25 assert_equals(axContainer1.childrenCount, 1); | 25 assert_equals(axContainer1.childrenCount, 1); |
26 assert_equals(axContainer1.childAtIndex(0).role, "AXRole: AXHeading"); | 26 assert_equals(axContainer1.childAtIndex(0).role, "AXRole: AXHeading"); |
27 }, "Aria-owns should re-parent a target when the source role allows children."); | 27 }, "Aria-owns should re-parent a target when the source role allows children."); |
28 </script> | 28 </script> |
29 | 29 |
30 <div class="container" id="container2" role="group" aria-label="Container"> | 30 <div class="container" id="container2" role="group" aria-label="Container"> |
31 <div id="button2" role="button" aria-owns="menu2">button</div> | 31 <div id="button2" role="button" aria-owns="menu2">button</div> |
32 <div id="menu2" role="menu">menu</div> | 32 <div id="menu2" role="menu">menu</div> |
33 </div> | 33 </div> |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
94 <div id="menu5" role="menu">menu</div> | 94 <div id="menu5" role="menu">menu</div> |
95 </div> | 95 </div> |
96 | 96 |
97 <script> | 97 <script> |
98 test(function(t) | 98 test(function(t) |
99 { | 99 { |
100 var axTextfield5 = accessibilityController.accessibleElementById("textfield5
"); | 100 var axTextfield5 = accessibilityController.accessibleElementById("textfield5
"); |
101 assert_equals(axTextfield5.name, "textfield"); | 101 assert_equals(axTextfield5.name, "textfield"); |
102 var axContainer5 = accessibilityController.accessibleElementById("container5
"); | 102 var axContainer5 = accessibilityController.accessibleElementById("container5
"); |
103 assert_equals(axContainer5.childrenCount, 2); | 103 assert_equals(axContainer5.childrenCount, 2); |
104 assert_equals(axContainer5.childAtIndex(0).role, "AXRole: AXDiv"); | 104 assert_equals(axContainer5.childAtIndex(0).role, "AXRole: AXGenericContainer
"); |
105 assert_equals(axContainer5.childAtIndex(0).childrenCount, 0); | 105 assert_equals(axContainer5.childAtIndex(0).childrenCount, 0); |
106 assert_equals(axContainer5.childAtIndex(1).role, "AXRole: AXMenu"); | 106 assert_equals(axContainer5.childAtIndex(1).role, "AXRole: AXMenu"); |
107 }, "Aria-owns doesn't create children of a contenteditable element."); | 107 }, "Aria-owns doesn't create children of a contenteditable element."); |
108 </script> | 108 </script> |
109 | 109 |
110 <script> | 110 <script> |
111 if (window.testRunner) | 111 if (window.testRunner) |
112 document.body.className = "hideAllContainers"; | 112 document.body.className = "hideAllContainers"; |
113 </script> | 113 </script> |
OLD | NEW |