| 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 |