Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(5)

Side by Side Diff: third_party/WebKit/LayoutTests/accessibility/aom-string-properties.html

Issue 2788523002: Finish all string attributes for Accessibility Object Model Phase 1. (Closed)
Patch Set: Test that checked works with true/false, not only 'true' and 'false' Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE HTML>
2 <script src="../resources/gc.js"></script>
3 <script src="../resources/testharness.js"></script>
4 <script src="../resources/testharnessreport.js"></script>
5
6 <!--
7
8 Accessibility Object Model
9 Explainer: https://github.com/WICG/aom/blob/master/explainer.md
10 Spec: https://wicg.github.io/aom/spec/
11
12 -->
13
14 <script>
15 if (window.internals)
16 internals.runtimeFlags.accessibilityObjectModelEnabled = true;
17 </script>
18
19 <div role="combobox" id="autocomplete"></div>
20
21 <script>
22 test(function(t) {
23 var node = document.getElementById("autocomplete");
24 var axNode = accessibilityController.accessibleElementById("autocomplete");
25 assert_equals(axNode.autocomplete, "");
26 node.accessibleNode.autocomplete = "inline";
27 assert_equals(axNode.autocomplete, "inline");
28 }, "AccessibleNode.autocomplete");
29 </script>
30
31 <div role="checkbox" id="checked"></div>
32
33 <script>
34 test(function(t) {
35 var node = document.getElementById("checked");
36 var axNode = accessibilityController.accessibleElementById("checked");
37 assert_equals(axNode.isChecked, false);
38 node.accessibleNode.checked = "true";
39 assert_equals(axNode.isChecked, true);
40 node.accessibleNode.checked = "mixed";
41 assert_equals(axNode.isChecked, false);
42 assert_equals(axNode.isButtonStateMixed, true);
43
44 // It also works to set it to just true or false (no quotes).
45 node.accessibleNode.checked = true;
46 assert_equals(axNode.isChecked, true);
47 node.accessibleNode.checked = false;
48 assert_equals(axNode.isChecked, false);
49
50 }, "AccessibleNode.checked");
51 </script>
52
53 <div role="tab" id="current"></div>
54
55 <script>
56 test(function(t) {
57 var node = document.getElementById("current");
58 var axNode = accessibilityController.accessibleElementById("current");
59 assert_equals(axNode.current, "");
60 node.accessibleNode.current = "page";
61 assert_equals(axNode.current, "page");
62 }, "AccessibleNode.current");
63 </script>
64
65 <div role="textbox" id="invalid"></div>
66
67 <script>
68 test(function(t) {
69 var node = document.getElementById("invalid");
70 var axNode = accessibilityController.accessibleElementById("invalid");
71 assert_equals(axNode.invalid, "");
72 node.accessibleNode.invalid = "spelling";
73 assert_equals(axNode.invalid, "spelling");
74 }, "AccessibleNode.invalid");
75 </script>
76
77 <div role="button" id="keyShortcuts"></div>
78
79 <script>
80 test(function(t) {
81 var node = document.getElementById("keyShortcuts");
82 var axNode = accessibilityController.accessibleElementById("keyShortcuts");
83 assert_equals(axNode.keyShortcuts, "");
84 node.accessibleNode.keyShortcuts = "Ctrl+F";
85 assert_equals(axNode.keyShortcuts, "Ctrl+F");
86 }, "AccessibleNode.keyShortcuts");
87 </script>
88
89 <div role="heading" id="label">Inner text</div>
90
91 <script>
92 test(function(t) {
93 var node = document.getElementById("label");
94 var axNode = accessibilityController.accessibleElementById("label");
95 assert_equals(axNode.name, "Inner text");
96 node.accessibleNode.label = "Label";
97 assert_equals(axNode.name, "Label");
98 }, "AccessibleNode.label");
99 </script>
100
101 <div role="banner" id="live"></div>
102
103 <script>
104 test(function(t) {
105 var node = document.getElementById("live");
106 var axNode = accessibilityController.accessibleElementById("live");
107 assert_equals(axNode.live, "");
108 node.accessibleNode.live = "polite";
109 assert_equals(axNode.live, "polite");
110 }, "AccessibleNode.live");
111 </script>
112
113 <div role="slider" id="orientation"></div>
114
115 <script>
116 test(function(t) {
117 var node = document.getElementById("orientation");
118 var axNode = accessibilityController.accessibleElementById("orientation");
119 assert_equals(axNode.orientation, "AXOrientation: AXHorizontalOrientation");
120 node.accessibleNode.orientation = "vertical";
121 assert_equals(axNode.orientation, "AXOrientation: AXVerticalOrientation");
122 }, "AccessibleNode.orientation");
123 </script>
124
125 <input id="placeholder">
126
127 <script>
128 test(function(t) {
129 var node = document.getElementById("placeholder");
130 var axNode = accessibilityController.accessibleElementById("placeholder");
131 assert_equals(axNode.name, "");
132 node.accessibleNode.placeholder = "Placeholder";
133 assert_equals(axNode.name, "Placeholder");
134 assert_equals(axNode.nameFrom, "placeholder");
135 }, "AccessibleNode.placeholder");
136 </script>
137
138 <div role="banner" id="relevant"></div>
139
140 <script>
141 test(function(t) {
142 var node = document.getElementById("relevant");
143 var axNode = accessibilityController.accessibleElementById("relevant");
144 assert_equals(axNode.relevant, "additions text");
145 node.accessibleNode.relevant = "additions";
146 assert_equals(axNode.relevant, "additions");
147 }, "AccessibleNode.relevant");
148 </script>
149
150 <div role="button" id="role"></div>
151
152 <script>
153 test(function(t) {
154 var node = document.getElementById("role");
155 var axNode = accessibilityController.accessibleElementById("role");
156 assert_equals(axNode.role, "AXRole: AXButton");
157 node.accessibleNode.role = "combobox";
158 assert_equals(axNode.role, "AXRole: AXComboBox");
159 node.accessibleNode.role = "banana button";
160 assert_equals(axNode.role, "AXRole: AXButton");
161 }, "AccessibleNode.role");
162 </script>
163
164 <div role="button" id="roleDescription"></div>
165
166 <script>
167 test(function(t) {
168 var node = document.getElementById("roleDescription");
169 var axNode = accessibilityController.accessibleElementById("roleDescription" );
170 assert_equals(axNode.roleDescription, "");
171 node.accessibleNode.roleDescription = "Push Button";
172 assert_equals(axNode.roleDescription, "Push Button");
173 }, "AccessibleNode.roleDescription");
174 </script>
175
176 <div role="columnheader" id="sort"></div>
177
178 <script>
179 test(function(t) {
180 var node = document.getElementById("sort");
181 var axNode = accessibilityController.accessibleElementById("sort");
182 assert_equals(axNode.sort, "");
183 node.accessibleNode.sort = "ascending";
184 assert_equals(axNode.sort, "ascending");
185 }, "AccessibleNode.sort");
186 </script>
187
188 <div role="slider" id="valueText" aria-valuetext="5"></div>
189
190 <script>
191 test(function(t) {
192 var node = document.getElementById("valueText");
193 var axNode = accessibilityController.accessibleElementById("valueText");
194 assert_equals(axNode.valueDescription, "AXValueDescription: 5");
195 node.accessibleNode.valueText = "Five";
196 assert_equals(axNode.valueDescription, "AXValueDescription: Five");
197 }, "AccessibleNode.valueText");
198 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698