test_aria.html (4942B)
1 <html> 2 3 <head> 4 <title>nsIAccessible actions testing</title> 5 6 <link rel="stylesheet" type="text/css" 7 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 8 9 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 10 11 <script type="application/javascript" 12 src="../common.js"></script> 13 <script type="application/javascript" 14 src="../events.js"></script> 15 <script type="application/javascript" 16 src="../actions.js"></script> 17 18 <script type="application/javascript"> 19 function doTest() { 20 var actionsArray = [ 21 { 22 ID: "clickable", 23 actionName: "click", 24 events: CLICK_EVENTS, 25 }, 26 { 27 ID: "button", 28 actionName: "press", 29 events: CLICK_EVENTS, 30 }, 31 { 32 ID: "checkbox_unchecked", 33 actionName: "check", 34 events: CLICK_EVENTS, 35 }, 36 { 37 ID: "checkbox_checked", 38 actionName: "uncheck", 39 events: CLICK_EVENTS, 40 }, 41 { 42 ID: "checkbox_mixed", 43 actionName: "cycle", 44 events: CLICK_EVENTS, 45 }, 46 { 47 ID: "combobox_collapsed", 48 actionName: "open", 49 events: CLICK_EVENTS, 50 }, 51 { 52 ID: "combobox_expanded", 53 actionName: "close", 54 events: CLICK_EVENTS, 55 }, 56 { 57 ID: "link", 58 actionName: "jump", 59 events: CLICK_EVENTS, 60 }, 61 { 62 ID: "menuitem", 63 actionName: "click", 64 events: CLICK_EVENTS, 65 }, 66 { 67 ID: "menuitemcheckbox", 68 actionName: "click", 69 events: CLICK_EVENTS, 70 }, 71 { 72 ID: "menuitemradio", 73 actionName: "click", 74 events: CLICK_EVENTS, 75 }, 76 { 77 ID: "option", 78 actionName: "select", 79 events: CLICK_EVENTS, 80 }, 81 { 82 ID: "radio", 83 actionName: "select", 84 events: CLICK_EVENTS, 85 }, 86 { 87 ID: "switch_unchecked", 88 actionName: "check", 89 events: CLICK_EVENTS, 90 }, 91 { 92 ID: "switch_checked", 93 actionName: "uncheck", 94 events: CLICK_EVENTS, 95 }, 96 { 97 ID: "tab", 98 actionName: "switch", 99 events: CLICK_EVENTS, 100 }, 101 { 102 ID: "textbox", 103 actionName: "activate", 104 events: CLICK_EVENTS, 105 }, 106 { 107 ID: "treeitem", 108 actionName: "activate", 109 events: CLICK_EVENTS, 110 }, 111 { 112 ID: "sortable", 113 actionName: "sort", 114 events: CLICK_EVENTS, 115 }, 116 { 117 ID: "expandable", 118 actionName: "expand", 119 events: CLICK_EVENTS, 120 }, 121 { 122 ID: "collapseable", 123 actionName: "collapse", 124 events: CLICK_EVENTS, 125 }, 126 ]; 127 testActions(actionsArray); 128 } 129 130 SimpleTest.waitForExplicitFinish(); 131 addA11yLoadEvent(doTest); 132 </script> 133 </head> 134 135 <body> 136 137 <a target="_blank" rel="opener" 138 href="https://bugzilla.mozilla.org/show_bug.cgi?id=410765" 139 title="nsIAccessible actions testing"> 140 Mozilla Bug 410765 141 </a> 142 <p id="display"></p> 143 <div id="content" style="display: none"></div> 144 <pre id="test"> 145 </pre> 146 147 <div id="clickable" onclick="">Clickable text</div> 148 149 <div id="button" role="button">Button</div> 150 151 <div id="checkbox_unchecked" role="checkbox">Checkbox</div> 152 153 <div id="checkbox_checked" role="checkbox" aria-checked="true">Checkbox</div> 154 155 <div id="checkbox_mixed" role="checkbox" aria-checked="mixed">Checkbox</div> 156 157 <div id="combobox_collapsed" role="combobox"> 158 <div id="option" role="option">Option of collapsed combobox</div> 159 </div> 160 161 <div id="combobox_expanded" role="combobox" aria-expanded="true"> 162 <div role="option">Option of expanded combobox</div> 163 </div> 164 165 <div id="link" role="link">Link</div> 166 167 <div role="menu"> 168 <div id="menuitem" role="menuitem">Menuitem</div> 169 <div id="menuitemcheckbox" role="menuitemcheckbox">Menuitem checkbox</div> 170 <div id="menuitemradio" role="menuitemradio">Menuitem radio</div> 171 </div> 172 173 <div role="radiogroup"> 174 <div id="radio" role="radio">Radio</div> 175 </div> 176 177 <div id="switch_unchecked" role="switch">Switch</div> 178 179 <div id="switch_checked" role="switch" aria-checked="true">Switch</div> 180 181 <div role="tablist"> 182 <div id="tab" role="tab">Tab</div> 183 </div> 184 185 <div id="textbox" role="textbox">Textbox</div> 186 187 <div role="tree"> 188 <div id="treeitem" role="treeitem">Treeitem</div> 189 </div> 190 191 <div role="grid"> 192 <div id="sortable" role="columnheader" aria-sort="ascending"> 193 Columnheader 194 </div> 195 </div> 196 197 <div id="expandable" aria-expanded="false">collapsed</div> 198 <div id="collapseable" aria-expanded="true">expanded</div> 199 </body> 200 </html>