OLD | NEW |
---|---|
(Empty) | |
1 <html> | |
2 <script src="../resources/js-test.js"></script> | |
3 <script> | |
4 function mouseDown() { | |
5 document.getElementById("mousedown_link").style.color = "red"; | |
6 } | |
7 </script> | |
8 <a id="normal_link_id" href="http://www.chromium.org">Visit Chromium</a> | |
9 <a id="mousedown_link_id" onmousedown="mouseDown()">Click the text!</a> | |
10 <button id="button_id" type="button">Button</button> | |
11 <details id="details_id"> | |
12 <summary id="summary_id">Copyright 2015.</summary> | |
13 <p>The Chromium Authors. All rights reserved.</p> | |
14 </details> | |
15 <input id="input_datalist_id" list="fruits"> | |
16 <datalist id="fruits"> | |
17 <option value="Apple"> | |
18 <option value="Banana"> | |
19 </datalist> | |
20 <input id="input_button_id" type="button" value="Click input button"> | |
21 <input id="input_checkbox_id" type="checkbox" value="CheckBox"> I have a checkbo x | |
22 <input id="input_radio_id" type="radio" value="Radio"> Radio | |
23 <input type="radio" value="Button"> Button | |
24 <menu> | |
25 <input id="menu_button_id" type="button" role="button" value="Click menuitem"> | |
26 <input id="menu_checkbox_id" type="checkbox" name="vehicle" value="menuItemChe ckbox"> I have a menuItem | |
27 <input id="menu_radio_id" type="radio" name="gender" value="Menu"> Menu | |
28 <input type="radio" name="gender" value="ItemRadio"> ItemRadio | |
29 </menu> | |
30 Birthday: <input id="input_date_id" type="date" name="bday"> | |
31 Birthday(date and time): <input id="input_datetime_id" type="datetime" name="bda ytime"> | |
32 Birthday(datetime-local): <input id="input_datetime-local_id" type="datetime-loc al" name="bdaytime"> | |
33 Birthday (month and year): <input id="input_month_id" type="month" name="bdaymon th"> | |
34 Select a week: <input id="input_week_id" type="week" name="week_year"> | |
35 Select a file: <input id="input_file_id" type="file" name="img"> | |
36 Min-Max: <input id="input_number_id" type="number" min="1" max="5"> | |
37 <input id="input_range_id" type="range" name="points" min="0" max="10">Color: <i nput id="input_color_id" type="color" name="color">Select a time: <input id="inp ut_time_id" type="time" name="time"> | |
38 <input id="input_reset_id" type="reset"> | |
39 <select id="select_id"> | |
40 <option id="select_option_id" value="Pacific">Pacific</option> | |
41 <option value="Atlantic">Atlantic</option> | |
42 <option value="Indian">Indian</option> | |
43 <option value="Southern">Southern</option> | |
44 <option value="Arctic">Arctic</option> | |
45 </select> | |
46 <select id="select_multiple_id" multiple> | |
47 <option id="select_multiple_option_id" value="Milk">Milk</option> | |
48 <option value="Soda">Soda</option> | |
49 <option value="Coffee">Coffee</option> | |
50 <option value="Water">Water</option> | |
51 </select> | |
52 <textarea id="textarea_id" rows="2" cols="10"> | |
53 TextArea | |
54 </textarea> | |
55 <meter id="meter_id" value="0.6">60%</meter> | |
56 <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 | |
57 <input type="range" id="a" value="50">100 | |
58 +<input type="number" id="b" value="50"> | |
59 =<output id="output_id" name="x" for="a b"></output> | |
60 </form> | |
61 <form> | |
62 <label for="blue">Blue</label> | |
63 <input id="input_radio_id" type="radio" name="color" id="blue" value="blue"> | |
64 <label for="red">Red</label> | |
65 <input type="radio" name="color" id="red" value="red"> | |
66 </form> | |
67 <fieldset> | |
68 <legend id="legend_id">Text Input Controls</legend> | |
69 Text: <input id="input_text_id" type="text" name="texttest"><br> | |
70 Password: <input id="input_password_id" type="password" name="passtest"><br> | |
71 </fieldset> | |
72 <p id="description"></p> | |
73 <div id="console"></div> | |
74 <script> | |
75 description("This test make sure that focusable elements are mapped implicitly t o AX roles."); | |
76 | |
77 if (window.testRunner && window.accessibilityController) { | |
78 window.testRunner.dumpAsText(); | |
79 | |
80 function hasRole(id,expectedRole) { | |
dmazzoni
2015/04/07 16:01:22
nit: space after comma
je_julie(Not used)
2015/04/08 03:50:39
Done.
| |
81 debug(id); | |
82 window.elem = accessibilityController.accessibleElementById(id); | |
83 shouldBe("elem.role", "\"" + expectedRole + "\""); | |
84 } | |
85 | |
86 function hasSingleSelectRole(select_id, option_id) { | |
87 debug(select_id); | |
88 window.elem = accessibilityController.accessibleElementById(select_id); | |
89 shouldBe("elem.role", "\"AXRole: AXPopUpButton\""); | |
90 | |
91 window.axMenuListPopup = elem.childAtIndex(0); | |
92 shouldBe("axMenuListPopup.role", "\"AXRole: AXMenuListPopup\""); | |
93 | |
94 debug(option_id); | |
95 window.axMenuListOption = axMenuListPopup.childAtIndex(0); | |
96 shouldBe("axMenuListOption.role", "\"AXRole: AXMenuListOption\""); | |
97 } | |
98 | |
99 hasRole("normal_link_id", "AXRole: AXLink"); | |
100 hasRole("mousedown_link_id", "AXRole: AXLink"); | |
101 | |
102 hasRole("button_id", "AXRole: AXButton"); | |
103 hasRole("details_id", "AXRole: AXDetails"); | |
104 hasRole("summary_id", "AXRole: AXDisclosureTriangle"); | |
105 | |
106 hasRole("input_datalist_id", "AXRole: AXComboBox"); | |
107 hasRole("input_button_id", "AXRole: AXButton"); | |
108 hasRole("input_checkbox_id", "AXRole: AXCheckBox"); | |
109 hasRole("input_radio_id", "AXRole: AXRadioButton"); | |
110 | |
111 hasRole("menu_button_id", "AXRole: AXButton"); | |
112 hasRole("menu_checkbox_id", "AXRole: AXMenuItemCheckBox"); | |
113 hasRole("menu_radio_id", "AXRole: AXMenuItemRadio"); | |
114 | |
115 hasRole("input_date_id", "AXRole: AXDateField"); | |
116 hasRole("input_datetime_id", "AXRole: AXTextField"); | |
117 hasRole("input_datetime-local_id", "AXRole: AXDateTimeField"); | |
118 hasRole("input_month_id", "AXRole: AXDateTimeField"); | |
119 hasRole("input_week_id", "AXRole: AXDateTimeField"); | |
120 | |
121 hasRole("input_file_id", "AXRole: AXButton"); | |
122 hasRole("input_number_id", "AXRole: AXSpinButton"); | |
123 hasRole("input_range_id", "AXRole: AXSlider"); | |
124 hasRole("input_color_id", "AXRole: AXColorWell"); | |
125 hasRole("input_time_id", "AXRole: AXTime"); | |
126 hasRole("input_reset_id", "AXRole: AXButton"); | |
127 | |
128 hasSingleSelectRole("select_id", "select_option_id"); | |
129 hasRole("select_multiple_id", "AXRole: AXListBox"); | |
130 hasRole("select_multiple_option_id", "AXRole: AXListBoxOption"); | |
131 | |
132 hasRole("textarea_id", "AXRole: AXTextField"); | |
133 | |
134 hasRole("meter_id", "AXRole: AXMeter"); | |
135 hasRole("output_id", "AXRole: AXStatus"); | |
136 hasRole("input_radio_id", "AXRole: AXRadioButton"); | |
137 hasRole("legend_id", "AXRole: AXLegend"); | |
138 hasRole("input_text_id", "AXRole: AXTextField"); | |
139 hasRole("input_password_id", "AXRole: AXTextField"); | |
140 } | |
141 </script> | |
142 </html> | |
OLD | NEW |