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 </style> | 7 </style> |
8 | 8 |
9 <div class="container"> | 9 <div class="container"> |
10 <ul id="list1" aria-owns="item3"> | 10 <ul id="list1" aria-owns="item3"> |
11 <li>One</li> | 11 <li>One</li> |
12 <li>Two</li> | 12 <li>Two</li> |
13 </ul> | 13 </ul> |
14 <ul id="list2"> | 14 <ul id="list2"> |
15 <li id="item3">Three</li> | 15 <li id="item3">Three</li> |
16 <li>Four</li> | 16 <li>Four</li> |
17 </ul> | 17 </ul> |
18 </div> | 18 </div> |
19 | 19 |
20 <script> | 20 <script> |
21 test(function(t) | 21 test(function(t) |
22 { | 22 { |
23 var axList1 = accessibilityController.accessibleElementById("list1"); | 23 var axList1 = accessibilityController.accessibleElementById("list1"); |
24 assert_equals(axList1.role, "AXRole: AXList"); | 24 assert_equals(axList1.role, "AXRole: AXList"); |
25 assert_equals(axList1.childrenCount, 3); | 25 assert_equals(axList1.childrenCount, 3); |
26 | 26 |
27 var axItem = axList1.childAtIndex(0); | 27 var axItem = axList1.childAtIndex(0); |
28 assert_equals(axList1.childAtIndex(0).deprecatedTitle, "AXTitle: One"); | 28 assert_equals(axList1.childAtIndex(0).name, "One"); |
29 assert_equals(axList1.childAtIndex(1).deprecatedTitle, "AXTitle: Two"); | 29 assert_equals(axList1.childAtIndex(1).name, "Two"); |
30 assert_equals(axList1.childAtIndex(2).deprecatedTitle, "AXTitle: Three"); | 30 assert_equals(axList1.childAtIndex(2).name, "Three"); |
31 | 31 |
32 var axList2 = accessibilityController.accessibleElementById("list2"); | 32 var axList2 = accessibilityController.accessibleElementById("list2"); |
33 assert_equals(axList2.role, "AXRole: AXList"); | 33 assert_equals(axList2.role, "AXRole: AXList"); |
34 assert_equals(axList2.childrenCount, 1); | 34 assert_equals(axList2.childrenCount, 1); |
35 assert_equals(axList2.childAtIndex(0).deprecatedTitle, "AXTitle: Four"); | 35 assert_equals(axList2.childAtIndex(0).name, "Four"); |
36 }, "Aria-owns moves an element from one part of the tree to another."); | 36 }, "Aria-owns moves an element from one part of the tree to another."); |
37 </script> | 37 </script> |
38 | 38 |
39 <div class="container"> | 39 <div class="container"> |
40 <ul id="parent1" aria-owns="child"></ul> | 40 <ul id="parent1" aria-owns="child"></ul> |
41 <ul id="parent2" aria-owns="child"></ul> | 41 <ul id="parent2" aria-owns="child"></ul> |
42 <ul id="parent3"> | 42 <ul id="parent3"> |
43 <li id="child">Child</li> | 43 <li id="child">Child</li> |
44 </ul> | 44 </ul> |
45 </div> | 45 </div> |
46 | 46 |
47 <script> | 47 <script> |
48 test(function(t) | 48 test(function(t) |
49 { | 49 { |
50 var axParent1 = accessibilityController.accessibleElementById("parent1"); | 50 var axParent1 = accessibilityController.accessibleElementById("parent1"); |
51 var axParent2 = accessibilityController.accessibleElementById("parent2"); | 51 var axParent2 = accessibilityController.accessibleElementById("parent2"); |
52 var axParent3 = accessibilityController.accessibleElementById("parent3"); | 52 var axParent3 = accessibilityController.accessibleElementById("parent3"); |
53 var axChild = accessibilityController.accessibleElementById("child"); | 53 var axChild = accessibilityController.accessibleElementById("child"); |
54 | 54 |
55 // Either parent1 or parent2 should own the child, but either one is okay. | 55 // Either parent1 or parent2 should own the child, but either one is okay. |
56 var axActualParent = axChild.parentElement(); | 56 var axActualParent = axChild.parentElement(); |
57 assert_true(axActualParent.isEqual(axParent1) || axActualParent.isEqual(axPa
rent2)); | 57 assert_true(axActualParent.isEqual(axParent1) || axActualParent.isEqual(axPa
rent2)); |
58 if (axActualParent.isEqual(axParent1)) { | 58 if (axActualParent.isEqual(axParent1)) { |
59 assert_equals(axParent1.childrenCount, 1); | 59 assert_equals(axParent1.childrenCount, 1); |
60 assert_equals(axParent1.childAtIndex(0).deprecatedTitle, "AXTitle: Child
"); | 60 assert_equals(axParent1.childAtIndex(0).name, "Child"); |
61 assert_equals(axParent2.childrenCount, 0); | 61 assert_equals(axParent2.childrenCount, 0); |
62 } else { | 62 } else { |
63 assert_equals(axParent1.childrenCount, 0); | 63 assert_equals(axParent1.childrenCount, 0); |
64 assert_equals(axParent2.childrenCount, 1); | 64 assert_equals(axParent2.childrenCount, 1); |
65 assert_equals(axParent2.childAtIndex(0).deprecatedTitle, "AXTitle: Child
"); | 65 assert_equals(axParent2.childAtIndex(0).name, "Child"); |
66 } | 66 } |
67 assert_equals(axParent3.childrenCount, 0); | 67 assert_equals(axParent3.childrenCount, 0); |
68 }, "If two nodes own (using aria-owns) the same element by id, only one gets to
be the owner."); | 68 }, "If two nodes own (using aria-owns) the same element by id, only one gets to
be the owner."); |
69 </script> | 69 </script> |
70 | 70 |
71 <div class="container"> | 71 <div class="container"> |
72 <div id="xyz" role="group"> | 72 <div id="xyz" role="group"> |
73 <div id="x" role="group" aria-owns="y"></div> | 73 <div id="x" role="group" aria-owns="y"></div> |
74 <div id="y" role="group" aria-owns="z"></div> | 74 <div id="y" role="group" aria-owns="z"></div> |
75 <div id="z" role="group" aria-owns="x"></div> | 75 <div id="z" role="group" aria-owns="x"></div> |
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
152 assert_equals(axLogicalParent.childAtIndex(1).childAtIndex(0).name, "2"); | 152 assert_equals(axLogicalParent.childAtIndex(1).childAtIndex(0).name, "2"); |
153 assert_equals(axLogicalParent.childAtIndex(2).childAtIndex(0).name, "3"); | 153 assert_equals(axLogicalParent.childAtIndex(2).childAtIndex(0).name, "3"); |
154 assert_equals(axLogicalParent.childAtIndex(3).childAtIndex(0).name, "4"); | 154 assert_equals(axLogicalParent.childAtIndex(3).childAtIndex(0).name, "4"); |
155 }, "A parent can use aria-owns to reorder its children into a more logical AX or
dering."); | 155 }, "A parent can use aria-owns to reorder its children into a more logical AX or
dering."); |
156 </script> | 156 </script> |
157 | 157 |
158 <script> | 158 <script> |
159 if (window.testRunner) | 159 if (window.testRunner) |
160 document.body.className = "hideAllContainers"; | 160 document.body.className = "hideAllContainers"; |
161 </script> | 161 </script> |
OLD | NEW |