The Tor Browser / file comparison
comparison: accessible/tests/mochitest/test_aria_token_attrs.html
accessible/tests/mochitest/test_aria_token_attrs.html
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:fcf0aeba2e06 |
|---|---|
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <!-- | |
| 4 https://bugzilla.mozilla.org/show_bug.cgi?id=452388 | |
| 5 --> | |
| 6 <head> | |
| 7 <title>An NMTOKEN based ARIA property is undefined if the ARIA attribute is not present, or is set to "" or "undefined"</title> | |
| 8 <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" /> | |
| 9 | |
| 10 <script type="application/javascript" | |
| 11 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> | |
| 12 | |
| 13 <script type="application/javascript" | |
| 14 src="common.js"></script> | |
| 15 <script type="application/javascript" | |
| 16 src="role.js"></script> | |
| 17 <script type="application/javascript" | |
| 18 src="states.js"></script> | |
| 19 | |
| 20 <script type="application/javascript"> | |
| 21 function doTest() | |
| 22 { | |
| 23 // test aria-pressed state mapping to roles PUSHBUTTON vs TOGGLEBUTTON | |
| 24 testRole("button_pressed_true", ROLE_TOGGLE_BUTTON); | |
| 25 testRole("button_pressed_false", ROLE_TOGGLE_BUTTON); | |
| 26 testRole("button_pressed_empty", ROLE_PUSHBUTTON); | |
| 27 testRole("button_pressed_undefined", ROLE_PUSHBUTTON); | |
| 28 testRole("button_pressed_absent", ROLE_PUSHBUTTON); | |
| 29 | |
| 30 // test button aria-pressed states | |
| 31 testStates("button_pressed_true", STATE_PRESSED, 0, STATE_CHECKABLE); | |
| 32 testStates("button_pressed_false", 0, 0, STATE_CHECKABLE | STATE_PRESSED); | |
| 33 testStates("button_pressed_empty", 0, 0, STATE_PRESSED | STATE_CHECKABLE); | |
| 34 testStates("button_pressed_undefined", 0, 0, STATE_PRESSED | STATE_CHECKABLE); | |
| 35 testStates("button_pressed_absent", 0, 0, STATE_PRESSED | STATE_CHECKABLE); | |
| 36 | |
| 37 // test (checkbox) checkable and checked states | |
| 38 testStates("checkbox_checked_true", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 39 testStates("checkbox_checked_false", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 40 testStates("checkbox_checked_empty", STATE_CHECKABLE , 0, STATE_CHECKED); | |
| 41 testStates("checkbox_checked_undefined", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 42 testStates("checkbox_checked_absent", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 43 | |
| 44 // test native checkbox checked state and aria-checked state (if conflict, native wins) | |
| 45 testStates("native_checkbox_nativechecked_ariatrue", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 46 testStates("native_checkbox_nativechecked_ariafalse", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 47 testStates("native_checkbox_nativechecked_ariaempty", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 48 testStates("native_checkbox_nativechecked_ariaundefined", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 49 testStates("native_checkbox_nativechecked_ariaabsent", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 50 | |
| 51 testStates("native_checkbox_nativeunchecked_ariatrue", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 52 testStates("native_checkbox_nativeunchecked_ariafalse", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 53 testStates("native_checkbox_nativeunchecked_ariaempty", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 54 testStates("native_checkbox_nativeunchecked_ariaundefined", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 55 testStates("native_checkbox_nativeunchecked_ariaabsent", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 56 | |
| 57 // test (checkbox) readonly states | |
| 58 testStates("checkbox_readonly_true", STATE_READONLY); | |
| 59 testStates("checkbox_readonly_false", 0, 0, STATE_READONLY); | |
| 60 testStates("checkbox_readonly_empty", 0, 0, STATE_READONLY); | |
| 61 testStates("checkbox_readonly_undefined", 0, 0, STATE_READONLY); | |
| 62 testStates("checkbox_readonly_absent", 0, 0, STATE_READONLY); | |
| 63 | |
| 64 // test (checkbox) required states | |
| 65 testStates("checkbox_required_true", STATE_REQUIRED); | |
| 66 testStates("checkbox_required_false", 0, 0, STATE_REQUIRED); | |
| 67 testStates("checkbox_required_empty", 0, 0, STATE_REQUIRED); | |
| 68 testStates("checkbox_required_undefined", 0, 0, STATE_REQUIRED); | |
| 69 testStates("checkbox_required_absent", 0, 0, STATE_REQUIRED); | |
| 70 | |
| 71 // test (checkbox) invalid states | |
| 72 testStates("checkbox_invalid_true", STATE_INVALID); | |
| 73 testStates("checkbox_invalid_false", 0, 0, STATE_INVALID); | |
| 74 testStates("checkbox_invalid_empty", 0, 0, STATE_INVALID); | |
| 75 testStates("checkbox_invalid_undefined", 0, 0, STATE_INVALID); | |
| 76 testStates("checkbox_invalid_absent", 0, 0, STATE_INVALID); | |
| 77 | |
| 78 // test (checkbox) disabled states | |
| 79 testStates("checkbox_disabled_true", STATE_UNAVAILABLE); | |
| 80 testStates("checkbox_disabled_false", 0, 0, STATE_UNAVAILABLE); | |
| 81 testStates("checkbox_disabled_empty", 0, 0, STATE_UNAVAILABLE); | |
| 82 testStates("checkbox_disabled_undefined", 0, 0, STATE_UNAVAILABLE); | |
| 83 testStates("checkbox_disabled_absent", 0, 0, STATE_UNAVAILABLE); | |
| 84 | |
| 85 // test (listbox) multiselectable states | |
| 86 testStates("listbox_multiselectable_true", STATE_MULTISELECTABLE | STATE_EXTSELECTABLE); | |
| 87 testStates("listbox_multiselectable_false", 0, 0, STATE_MULTISELECTABLE | STATE_EXTSELECTABLE); | |
| 88 testStates("listbox_multiselectable_empty", 0, 0, STATE_MULTISELECTABLE | STATE_EXTSELECTABLE); | |
| 89 testStates("listbox_multiselectable_undefined", 0, 0, STATE_MULTISELECTABLE | STATE_EXTSELECTABLE); | |
| 90 testStates("listbox_multiselectable_absent", 0, 0, STATE_MULTISELECTABLE | STATE_EXTSELECTABLE); | |
| 91 | |
| 92 // test (option) checkable and checked states | |
| 93 testStates("option_checked_true", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 94 testStates("option_checked_false", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 95 testStates("option_checked_empty", 0 , 0, STATE_CHECKABLE | STATE_CHECKED); | |
| 96 testStates("option_checked_undefined", 0, 0, STATE_CHECKABLE | STATE_CHECKED); | |
| 97 testStates("option_checked_absent", 0, 0, STATE_CHECKABLE | STATE_CHECKED); | |
| 98 | |
| 99 // test (menuitem) checkable and checked states | |
| 100 testStates("menuitem_checked_true", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 101 testStates("menuitem_checked_false", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 102 testStates("menuitem_checked_empty", 0, 0, (STATE_CHECKABLE | STATE_CHECKED)); | |
| 103 testStates("menuitem_checked_undefined", 0, 0, (STATE_CHECKABLE | STATE_CHECKED)); | |
| 104 testStates("menuitem_checked_absent", 0, 0, (STATE_CHECKABLE | STATE_CHECKED)); | |
| 105 | |
| 106 // test (menuitemradio) checkable and checked states | |
| 107 testStates("menuitemradio_checked_true", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 108 testStates("menuitemradio_checked_false", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 109 testStates("menuitemradio_checked_empty", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 110 testStates("menuitemradio_checked_undefined", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 111 testStates("menuitemradio_checked_absent", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 112 | |
| 113 // test (radio) checkable and checked states | |
| 114 testStates("radio_checked_true", (STATE_CHECKABLE | STATE_CHECKED)); | |
| 115 testStates("radio_checked_false", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 116 testStates("radio_checked_empty", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 117 testStates("radio_checked_undefined", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 118 testStates("radio_checked_absent", STATE_CHECKABLE, 0, STATE_CHECKED); | |
| 119 | |
| 120 // test (textbox) multiline states | |
| 121 testStates("textbox_multiline_true", 0, EXT_STATE_MULTI_LINE); | |
| 122 testStates("textbox_multiline_false", 0, EXT_STATE_SINGLE_LINE); | |
| 123 testStates("textbox_multiline_empty", 0, EXT_STATE_SINGLE_LINE); | |
| 124 testStates("textbox_multiline_undefined", 0, EXT_STATE_SINGLE_LINE); | |
| 125 testStates("textbox_multiline_absent", 0, EXT_STATE_SINGLE_LINE); | |
| 126 | |
| 127 // test (textbox) readonly states | |
| 128 testStates("textbox_readonly_true", STATE_READONLY); | |
| 129 testStates("textbox_readonly_false", 0, EXT_STATE_EDITABLE, STATE_READONLY); | |
| 130 testStates("textbox_readonly_empty", 0, EXT_STATE_EDITABLE, STATE_READONLY); | |
| 131 testStates("textbox_readonly_undefined", 0, EXT_STATE_EDITABLE, STATE_READONLY); | |
| 132 testStates("textbox_readonly_absent", 0, EXT_STATE_EDITABLE, STATE_READONLY); | |
| 133 | |
| 134 // test native textbox readonly state and aria-readonly state (if conflict, native wins) | |
| 135 testStates("native_textbox_nativereadonly_ariatrue", STATE_READONLY); | |
| 136 testStates("native_textbox_nativereadonly_ariafalse", STATE_READONLY); | |
| 137 testStates("native_textbox_nativereadonly_ariaempty", STATE_READONLY); | |
| 138 testStates("native_textbox_nativereadonly_ariaundefined", STATE_READONLY); | |
| 139 testStates("native_textbox_nativereadonly_ariaabsent", STATE_READONLY); | |
| 140 | |
| 141 testStates("native_textbox_nativeeditable_ariatrue", 0, 0, STATE_READONLY); | |
| 142 testStates("native_textbox_nativeeditable_ariafalse", 0, 0, STATE_READONLY); | |
| 143 testStates("native_textbox_nativeeditable_ariaempty", 0, 0, STATE_READONLY); | |
| 144 testStates("native_textbox_nativeeditable_ariaundefined", 0, 0, STATE_READONLY); | |
| 145 testStates("native_textbox_nativeeditable_ariaabsent", 0, 0, STATE_READONLY); | |
| 146 | |
| 147 // test (treeitem) selectable and selected states | |
| 148 testStates("treeitem_selected_true", (STATE_SELECTABLE | STATE_SELECTED)); | |
| 149 testStates("treeitem_selected_false", STATE_SELECTABLE, 0, STATE_SELECTED); | |
| 150 testStates("treeitem_selected_empty", STATE_SELECTABLE, 0, STATE_SELECTED); | |
| 151 testStates("treeitem_selected_undefined", STATE_SELECTABLE, 0, STATE_SELECTED); | |
| 152 testStates("treeitem_selected_absent", STATE_SELECTABLE, 0, STATE_SELECTED); | |
| 153 | |
| 154 // test (treeitem) haspopup states | |
| 155 testStates("treeitem_haspopup_true", STATE_HASPOPUP); | |
| 156 testStates("treeitem_haspopup_false", 0, 0, STATE_HASPOPUP); | |
| 157 testStates("treeitem_haspopup_empty", 0, 0, STATE_HASPOPUP); | |
| 158 testStates("treeitem_haspopup_undefined", 0, 0, STATE_HASPOPUP); | |
| 159 testStates("treeitem_haspopup_absent", 0, 0, STATE_HASPOPUP); | |
| 160 | |
| 161 // test (treeitem) expandable and expanded/collapsed states | |
| 162 testStates("treeitem_expanded_true", STATE_EXPANDED, EXT_STATE_EXPANDABLE); | |
| 163 testStates("treeitem_expanded_false", STATE_COLLAPSED, EXT_STATE_EXPANDABLE); | |
| 164 testStates("treeitem_expanded_empty", 0, 0, STATE_EXPANDED | STATE_COLLAPSED, EXT_STATE_EXPANDABLE); | |
| 165 testStates("treeitem_expanded_undefined", 0, 0, STATE_EXPANDED | STATE_COLLAPSED, EXT_STATE_EXPANDABLE); | |
| 166 testStates("treeitem_expanded_absent", 0, 0, STATE_EXPANDED | STATE_COLLAPSED, EXT_STATE_EXPANDABLE); | |
| 167 | |
| 168 SimpleTest.finish(); | |
| 169 } | |
| 170 | |
| 171 SimpleTest.waitForExplicitFinish(); | |
| 172 addA11yLoadEvent(doTest); | |
| 173 </script> | |
| 174 </head> | |
| 175 <body> | |
| 176 | |
| 177 <a target="_blank" | |
| 178 href="https://bugzilla.mozilla.org/show_bug.cgi?id=452388"> | |
| 179 Mozilla Bug 452388 | |
| 180 </a> | |
| 181 <a target="_blank" | |
| 182 href="https://bugzilla.mozilla.org/show_bug.cgi?id=499653" | |
| 183 title="Unify ARIA state attributes mapping rules"> | |
| 184 Mozilla Bug 499653 | |
| 185 </a> | |
| 186 <a target="_blank" | |
| 187 href="https://bugzilla.mozilla.org/show_bug.cgi?id=989958" | |
| 188 title="Pressed state is not exposed on a button element with aria-pressed attribute" | |
| 189 Mozilla Bug 989958 | |
| 190 </a> | |
| 191 <p id="display"></p> | |
| 192 <div id="content" style="display: none"></div> | |
| 193 <pre id="test"> | |
| 194 </pre> | |
| 195 | |
| 196 <div id="button_pressed_true" role="button" aria-pressed="true">This button has aria-pressed="true" and should get ROLE_TOGGLE_BUTTON. It should also get STATE_PRESSED.</div> | |
| 197 <div id="button_pressed_false" role="button" aria-pressed="false">This button has aria-pressed="false" and should get ROLE_TOGGLE_BUTTON.</div> | |
| 198 <div id="button_pressed_empty" role="button" aria-pressed="">This button has aria-pressed="" and should <emph>not</emph> get ROLE_BUTTON.</div> | |
| 199 <div id="button_pressed_undefined" role="button" aria-pressed="undefined">This button has aria-pressed="undefined" and should <emph>not</emph> get ROLE_TOGGLE_BUTTON.</div> | |
| 200 <div id="button_pressed_absent" role="button">This button has <emph>no</emph> aria-pressed attribute and should <emph>not</emph> get ROLE_TOGGLE_BUTTON.</div> | |
| 201 | |
| 202 <div id="checkbox_checked_true" role="checkbox" aria-checked="true">This checkbox has aria-checked="true" and should get STATE_CHECKABLE. It should also get STATE_checked.</div> | |
| 203 <div id="checkbox_checked_false" role="checkbox" aria-checked="false">This checkbox has aria-checked="false" and should get STATE_CHECKABLE.</div> | |
| 204 <div id="checkbox_checked_empty" role="checkbox" aria-checked="">This checkbox has aria-checked="" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 205 <div id="checkbox_checked_undefined" role="checkbox" aria-checked="undefined">This checkbox has aria-checked="undefined" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 206 <div id="checkbox_checked_absent" role="checkbox">This checkbox has <emph>no</emph> aria-checked attribute and should get STATE_CHECKABLE.</div> | |
| 207 | |
| 208 <form action=""> | |
| 209 <input id="native_checkbox_nativechecked_ariatrue" type="checkbox" checked="checked" aria-checked="true"/> | |
| 210 <input id="native_checkbox_nativechecked_ariafalse" type="checkbox" checked="checked" aria-checked="false"/> | |
| 211 <input id="native_checkbox_nativechecked_ariaempty" type="checkbox" checked="checked" aria-checked=""/> | |
| 212 <input id="native_checkbox_nativechecked_ariaundefined" type="checkbox" checked="checked" aria-checked="undefined"/> | |
| 213 <input id="native_checkbox_nativechecked_ariaabsent" type="checkbox" checked="checked"/> | |
| 214 | |
| 215 <input id="native_checkbox_nativeunchecked_ariatrue" type="checkbox" aria-checked="true"/> | |
| 216 <input id="native_checkbox_nativeunchecked_ariafalse" type="checkbox" aria-checked="false"/> | |
| 217 <input id="native_checkbox_nativeunchecked_ariaempty" type="checkbox" aria-checked=""/> | |
| 218 <input id="native_checkbox_nativeunchecked_ariaundefined" type="checkbox" aria-checked="undefined"/> | |
| 219 <input id="native_checkbox_nativeunchecked_ariaabsent" type="checkbox"/> | |
| 220 </form> | |
| 221 | |
| 222 <div id="checkbox_readonly_true" role="checkbox" aria-readonly="true">This checkbox has aria-readonly="true" and should get STATE_READONLY.</div> | |
| 223 <div id="checkbox_readonly_false" role="checkbox" aria-readonly="false">This checkbox has aria-readonly="false" and should <emph>not</emph> get STATE_READONLY.</div> | |
| 224 <div id="checkbox_readonly_empty" role="checkbox" aria-readonly="">This checkbox has aria-readonly="" and should <emph>not</emph> get STATE_READONLY.</div> | |
| 225 <div id="checkbox_readonly_undefined" role="checkbox" aria-readonly="undefined">This checkbox has aria-readonly="undefined" and should <emph>not</emph> get STATE_READONLY.</div> | |
| 226 <div id="checkbox_readonly_absent" role="checkbox">This checkbox has <emph>no</emph> aria-readonly attribute and should <emph>not</emph> get STATE_READONLY.</div> | |
| 227 | |
| 228 <div id="checkbox_required_true" role="checkbox" aria-required="true">This checkbox has aria-required="true" and should get STATE_REQUIRED.</div> | |
| 229 <div id="checkbox_required_false" role="checkbox" aria-required="false">This checkbox has aria-required="false" and should <emph>not</emph> get STATE_REQUIRED.</div> | |
| 230 <div id="checkbox_required_empty" role="checkbox" aria-required="">This checkbox has aria-required="" and should <emph>not</emph> get STATE_REQUIRED.</div> | |
| 231 <div id="checkbox_required_undefined" role="checkbox" aria-required="undefined">This checkbox has aria-required="undefined" and should <emph>not</emph> get STATE_REQUIRED.</div> | |
| 232 <div id="checkbox_required_absent" role="checkbox">This checkbox has <emph>no</emph> aria-required attribute and should <emph>not</emph> get STATE_REQUIRED.</div> | |
| 233 | |
| 234 <div id="checkbox_invalid_true" role="checkbox" aria-invalid="true">This checkbox has aria-invalid="true" and should get STATE_INVALID.</div> | |
| 235 <div id="checkbox_invalid_false" role="checkbox" aria-invalid="false">This checkbox has aria-invalid="false" and should <emph>not</emph> get STATE_INVALID.</div> | |
| 236 <div id="checkbox_invalid_empty" role="checkbox" aria-invalid="">This checkbox has aria-invalid="" and should <emph>not</emph> get STATE_INVALID.</div> | |
| 237 <div id="checkbox_invalid_undefined" role="checkbox" aria-invalid="undefined">This checkbox has aria-invalid="undefined" and should <emph>not</emph> get STATE_INVALID.</div> | |
| 238 <div id="checkbox_invalid_absent" role="checkbox">This checkbox has <emph>no</emph> aria-invalid attribute and should <emph>not</emph> get STATE_INVALID.</div> | |
| 239 | |
| 240 <div id="checkbox_disabled_true" role="checkbox" aria-disabled="true" tabindex="0">This checkbox has aria-disabled="true" and should get STATE_DISABLED.</div> | |
| 241 <div id="checkbox_disabled_false" role="checkbox" aria-disabled="false">This checkbox has aria-disabled="false" and should <emph>not</emph> get STATE_DISABLED.</div> | |
| 242 <div id="checkbox_disabled_empty" role="checkbox" aria-disabled="">This checkbox has aria-disabled="" and should <emph>not</emph> get STATE_DISABLED.</div> | |
| 243 <div id="checkbox_disabled_undefined" role="checkbox" aria-disabled="undefined">This checkbox has aria-disabled="undefined" and should <emph>not</emph> get STATE_DISABLED.</div> | |
| 244 <div id="checkbox_disabled_absent" role="checkbox">This checkbox has <emph>no</emph> aria-disabled attribute and should <emph>not</emph> get STATE_DISABLED.</div> | |
| 245 | |
| 246 <div id="listbox_multiselectable_true" role="listbox" aria-multiselectable="true"> | |
| 247 <div id="option_checked_true" role="option" aria-checked="true">item</div> | |
| 248 </div> | |
| 249 <div id="listbox_multiselectable_false" role="listbox" aria-multiselectable="false"> | |
| 250 <div id="option_checked_false" role="option" aria-checked="false">item</div> | |
| 251 </div> | |
| 252 <div id="listbox_multiselectable_empty" role="listbox" aria-multiselectable=""> | |
| 253 <div id="option_checked_empty" role="option" aria-checked="">item</div> | |
| 254 </div> | |
| 255 <div id="listbox_multiselectable_undefined" role="listbox" aria-multiselectable="undefined"> | |
| 256 <div id="option_checked_undefined" role="option" aria-checked="undefined">item</div> | |
| 257 </div> | |
| 258 <div id="listbox_multiselectable_absent" role="listbox"> | |
| 259 <div id="option_checked_absent" role="option">item</div> | |
| 260 </div> | |
| 261 | |
| 262 <div role="menu"> | |
| 263 <div id="menuitem_checked_true" role="menuitem" aria-checked="true">This menuitem has aria-checked="true" and should get STATE_CHECKABLE. It should also get STATE_checked.</div> | |
| 264 <div id="menuitem_checked_false" role="menuitem" aria-checked="false">This menuitem has aria-checked="false" and should get STATE_CHECKABLE.</div> | |
| 265 <div id="menuitem_checked_empty" role="menuitem" aria-checked="">This menuitem has aria-checked="" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 266 <div id="menuitem_checked_undefined" role="menuitem" aria-checked="undefined">This menuitem has aria-checked="undefined" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 267 <div id="menuitem_checked_absent" role="menuitem">This menuitem has <emph>no</emph> aria-checked attribute and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 268 | |
| 269 <div id="menuitemradio_checked_true" role="menuitemradio" aria-checked="true">This menuitem has aria-checked="true" and should get STATE_CHECKABLE. It should also get STATE_checked.</div> | |
| 270 <div id="menuitemradio_checked_false" role="menuitemradio" aria-checked="false">This menuitem has aria-checked="false" and should get STATE_CHECKABLE.</div> | |
| 271 <div id="menuitemradio_checked_empty" role="menuitemradio" aria-checked="">This menuitem has aria-checked="" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 272 <div id="menuitemradio_checked_undefined" role="menuitemradio" aria-checked="undefined">This menuitem has aria-checked="undefined" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 273 <div id="menuitemradio_checked_absent" role="menuitemradio">This menuitem has <emph>no</emph> aria-checked attribute but should get STATE_CHECKABLE.</div> | |
| 274 </div> | |
| 275 | |
| 276 <div id="radio_checked_true" role="radio" aria-checked="true">This menuitem has aria-checked="true" and should get STATE_CHECKABLE. It should also get STATE_CHECKED.</div> | |
| 277 <div id="radio_checked_false" role="radio" aria-checked="false">This menuitem has aria-checked="false" and should get STATE_CHECKABLE.</div> | |
| 278 <div id="radio_checked_empty" role="radio" aria-checked="">This menuitem has aria-checked="" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 279 <div id="radio_checked_undefined" role="radio" aria-checked="undefined">This menuitem has aria-checked="undefined" and should <emph>not</emph> get STATE_CHECKABLE.</div> | |
| 280 <div id="radio_checked_absent" role="radio">This menuitem has <emph>no</emph> aria-checked attribute but should get STATE_CHECKABLE.</div> | |
| 281 | |
| 282 <div id="textbox_readonly_true" role="textbox" aria-readonly="true"></div> | |
| 283 <div id="textbox_readonly_false" role="textbox" aria-readonly="false"></div> | |
| 284 <div id="textbox_readonly_empty" role="textbox" aria-readonly=""></div> | |
| 285 <div id="textbox_readonly_undefined" role="textbox" aria-readonly="undefined"></div> | |
| 286 <div id="textbox_readonly_absent" role="textbox"></div> | |
| 287 | |
| 288 <div id="textbox_multiline_true" role="textbox" aria-multiline="true"></div> | |
| 289 <div id="textbox_multiline_false" role="textbox" aria-multiline="false"></div> | |
| 290 <div id="textbox_multiline_empty" role="textbox" aria-multiline=""></div> | |
| 291 <div id="textbox_multiline_undefined" role="textbox" aria-multiline="undefined"></div> | |
| 292 <div id="textbox_multiline_absent" role="textbox"></div> | |
| 293 | |
| 294 <form action=""> | |
| 295 <input id="native_textbox_nativereadonly_ariatrue" readonly="readonly" aria-readonly="true"/> | |
| 296 <input id="native_textbox_nativereadonly_ariafalse" readonly="readonly" aria-readonly="false"/> | |
| 297 <input id="native_textbox_nativereadonly_ariaempty" readonly="readonly" aria-readonly=""/> | |
| 298 <input id="native_textbox_nativereadonly_ariaundefined" readonly="readonly" aria-readonly="undefined"/> | |
| 299 <input id="native_textbox_nativereadonly_ariaabsent" readonly="readonly"/> | |
| 300 | |
| 301 <input id="native_textbox_nativeeditable_ariatrue" aria-readonly="true"/> | |
| 302 <input id="native_textbox_nativeeditable_ariafalse" aria-readonly="false"/> | |
| 303 <input id="native_textbox_nativeeditable_ariaempty" aria-readonly=""/> | |
| 304 <input id="native_textbox_nativeeditable_ariaundefined" aria-readonly="undefined"/> | |
| 305 <input id="native_textbox_nativeeditable_ariaabsent"/> | |
| 306 </form> | |
| 307 | |
| 308 <div role="tree"> | |
| 309 <div id="treeitem_selected_true" role="treeitem" aria-selected="true">This treeitem has aria-selected="true" and should get STATE_SELECTABLE. It should also get STATE_SELECTED.</div> | |
| 310 <div id="treeitem_selected_false" role="treeitem" aria-selected="false">This treeitem has aria-selected="false" and should get STATE_SELECTABLE.</div> | |
| 311 <div id="treeitem_selected_empty" role="treeitem" aria-selected="">This treeitem has aria-selected="" and should <emph>not</emph> get STATE_SELECTABLE.</div> | |
| 312 <div id="treeitem_selected_undefined" role="treeitem" aria-selected="undefined">This treeitem has aria-selected="undefined" and should <emph>not</emph> get STATE_SELECTABLE.</div> | |
| 313 <div id="treeitem_selected_absent" role="treeitem">This treeitem has <emph>no</emph> aria-selected attribute and should <emph>not</emph> get STATE_SELECTABLE.</div> | |
| 314 | |
| 315 <div id="treeitem_haspopup_true" role="treeitem" aria-haspopup="true">This treeitem has aria-haspopup="true" and should get STATE_HASPOPUP.</div> | |
| 316 <div id="treeitem_haspopup_false" role="treeitem" aria-haspopup="false">This treeitem has aria-haspopup="false" and should get STATE_HASPOPUP.</div> | |
| 317 <div id="treeitem_haspopup_empty" role="treeitem" aria-haspopup="">This treeitem has aria-haspopup="" and should <emph>not</emph> get STATE_HASPOPUP.</div> | |
| 318 <div id="treeitem_haspopup_undefined" role="treeitem" aria-haspopup="undefined">This treeitem has aria-haspopup="undefined" and should <emph>not</emph> get STATE_HASPOPUP.</div> | |
| 319 <div id="treeitem_haspopup_absent" role="treeitem">This treeitem has <emph>no</emph> aria-haspopup attribute and should <emph>not</emph> get STATE_HASPOPUP.</div> | |
| 320 | |
| 321 <div id="treeitem_expanded_true" role="treeitem" aria-expanded="true">This treeitem has aria-expanded="true" and should get STATE_EXPANDABLE. It should also get STATE_EXPANDED.</div> | |
| 322 <div id="treeitem_expanded_false" role="treeitem" aria-expanded="false">This treeitem has aria-expanded="false" and should get STATE_EXPANDABLE. It should also get STATE_COLLAPSED.</div> | |
| 323 <div id="treeitem_expanded_empty" role="treeitem" aria-expanded="">This treeitem has aria-expanded="" and should <emph>not</emph> get STATE_EXPANDABLE.</div> | |
| 324 <div id="treeitem_expanded_undefined" role="treeitem" aria-expanded="undefined">This treeitem has aria-expanded="undefined" and should <emph>not</emph> get STATE_EXPANDABLE.</div> | |
| 325 <div id="treeitem_expanded_absent" role="treeitem">This treeitem has <emph>no</emph> aria-expanded attribute and should <emph>not</emph> get STATE_EXPANDABLE.</div> | |
| 326 </div> | |
| 327 | |
| 328 </body> | |
| 329 </html> |
