| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <script src="../resources/gc.js"></script> | 2 <script src="../resources/gc.js"></script> |
| 3 <script src="../resources/testharness.js"></script> | 3 <script src="../resources/testharness.js"></script> |
| 4 <script src="../resources/testharnessreport.js"></script> | 4 <script src="../resources/testharnessreport.js"></script> |
| 5 | 5 |
| 6 <!-- | 6 <!-- |
| 7 | 7 |
| 8 Accessibility Object Model | 8 Accessibility Object Model |
| 9 Explainer: https://github.com/WICG/aom/blob/master/explainer.md | 9 Explainer: https://github.com/WICG/aom/blob/master/explainer.md |
| 10 Spec: https://wicg.github.io/aom/spec/ | 10 Spec: https://wicg.github.io/aom/spec/ |
| 11 | 11 |
| 12 --> | 12 --> |
| 13 | 13 |
| 14 <script> | 14 <script> |
| 15 if (window.internals) | 15 test(function(t) { |
| 16 internals.runtimeFlags.accessibilityObjectModelEnabled = true; | 16 assert_true(internals.runtimeFlags.accessibilityObjectModelEnabled); |
| 17 }, "Make sure that Accessibility Object Model is enabled"); |
| 17 </script> | 18 </script> |
| 18 | 19 |
| 19 <div role="combobox" id="autocomplete"></div> | 20 <div role="combobox" id="autocomplete"></div> |
| 20 | 21 |
| 21 <script> | 22 <script> |
| 22 test(function(t) { | 23 test(function(t) { |
| 23 var node = document.getElementById("autocomplete"); | 24 var node = document.getElementById("autocomplete"); |
| 24 var axNode = accessibilityController.accessibleElementById("autocomplete"); | 25 var axNode = accessibilityController.accessibleElementById("autocomplete"); |
| 25 assert_equals(axNode.autocomplete, ""); | 26 assert_equals(axNode.autocomplete, ""); |
| 26 node.accessibleNode.autocomplete = "inline"; | 27 node.accessibleNode.autocomplete = "inline"; |
| 27 assert_equals(axNode.autocomplete, "inline"); | 28 assert_equals(axNode.autocomplete, "inline"); |
| 28 }, "AccessibleNode.autocomplete"); | 29 }, "AccessibleNode.autocomplete"); |
| 29 </script> | 30 </script> |
| 30 | 31 |
| 31 <div role="checkbox" id="checked"></div> | 32 <div role="checkbox" id="checked"></div> |
| 32 | 33 |
| 33 <script> | 34 <script> |
| 34 test(function(t) { | 35 test(function(t) { |
| 35 var node = document.getElementById("checked"); | 36 var node = document.getElementById("checked"); |
| 36 var axNode = accessibilityController.accessibleElementById("checked"); | 37 var axNode = accessibilityController.accessibleElementById("checked"); |
| 37 assert_equals(axNode.checkedState, 0); | 38 assert_equals(axNode.isChecked, false); |
| 39 assert_equals(axNode.isButtonStateMixed, false); |
| 38 node.accessibleNode.checked = "true"; | 40 node.accessibleNode.checked = "true"; |
| 39 assert_equals(axNode.checkedState, 1); | 41 assert_equals(axNode.isChecked, true); |
| 42 assert_equals(axNode.isButtonStateMixed, false); |
| 40 node.accessibleNode.checked = "mixed"; | 43 node.accessibleNode.checked = "mixed"; |
| 41 assert_equals(axNode.checkedState, 2); | 44 assert_equals(axNode.isChecked, true); |
| 42 assert_equals(axNode.isButtonStateMixed, true); | 45 assert_equals(axNode.isButtonStateMixed, true); |
| 43 | 46 |
| 44 // It also works to set it to just true or false (no quotes). | 47 // It also works to set it to just true or false (no quotes). |
| 45 node.accessibleNode.checked = true; | 48 node.accessibleNode.checked = true; |
| 46 assert_equals(axNode.checkedState, 1); | 49 assert_equals(axNode.isChecked, true); |
| 50 assert_equals(axNode.isButtonStateMixed, false); |
| 47 node.accessibleNode.checked = false; | 51 node.accessibleNode.checked = false; |
| 48 assert_equals(axNode.checkedState, 0); | 52 assert_equals(axNode.isChecked, false); |
| 53 assert_equals(axNode.isButtonStateMixed, false); |
| 49 | 54 |
| 50 }, "AccessibleNode.checked"); | 55 }, "AccessibleNode.checked"); |
| 51 </script> | 56 </script> |
| 52 | 57 |
| 53 <div role="tab" id="current"></div> | 58 <div role="tab" id="current"></div> |
| 54 | 59 |
| 55 <script> | 60 <script> |
| 56 test(function(t) { | 61 test(function(t) { |
| 57 var node = document.getElementById("current"); | 62 var node = document.getElementById("current"); |
| 58 var axNode = accessibilityController.accessibleElementById("current"); | 63 var axNode = accessibilityController.accessibleElementById("current"); |
| (...skipping 130 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 189 | 194 |
| 190 <script> | 195 <script> |
| 191 test(function(t) { | 196 test(function(t) { |
| 192 var node = document.getElementById("valueText"); | 197 var node = document.getElementById("valueText"); |
| 193 var axNode = accessibilityController.accessibleElementById("valueText"); | 198 var axNode = accessibilityController.accessibleElementById("valueText"); |
| 194 assert_equals(axNode.valueDescription, "AXValueDescription: 5"); | 199 assert_equals(axNode.valueDescription, "AXValueDescription: 5"); |
| 195 node.accessibleNode.valueText = "Five"; | 200 node.accessibleNode.valueText = "Five"; |
| 196 assert_equals(axNode.valueDescription, "AXValueDescription: Five"); | 201 assert_equals(axNode.valueDescription, "AXValueDescription: Five"); |
| 197 }, "AccessibleNode.valueText"); | 202 }, "AccessibleNode.valueText"); |
| 198 </script> | 203 </script> |
| OLD | NEW |