The Tor Browser / file comparison
comparison: accessible/tests/mochitest/events/test_coalescence.html
accessible/tests/mochitest/events/test_coalescence.html
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
equal
deleted
inserted
replaced
| -1:000000000000 | 0:b4f181dbeca5 |
|---|---|
| 1 <html> | |
| 2 | |
| 3 <head> | |
| 4 <title>Accessible mutation events coalescence testing</title> | |
| 5 | |
| 6 <link rel="stylesheet" type="text/css" | |
| 7 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> | |
| 8 | |
| 9 <script type="application/javascript" | |
| 10 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> | |
| 11 <script type="application/javascript" | |
| 12 src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script> | |
| 13 | |
| 14 <script type="application/javascript" | |
| 15 src="../common.js"></script> | |
| 16 <script type="application/javascript" | |
| 17 src="../events.js"></script> | |
| 18 | |
| 19 <script type="application/javascript"> | |
| 20 | |
| 21 //////////////////////////////////////////////////////////////////////////// | |
| 22 // Invoker base classes | |
| 23 | |
| 24 const kRemoveElm = 1; | |
| 25 const kHideElm = 2; | |
| 26 const kAddElm = 3; | |
| 27 const kShowElm = 4; | |
| 28 | |
| 29 const kToDo = true; | |
| 30 | |
| 31 /** | |
| 32 * Base class to test of mutation events coalescence. | |
| 33 */ | |
| 34 function coalescenceBase(aChildAction, aParentAction, | |
| 35 aPerformActionOnChildInTheFirstPlace, | |
| 36 aIsChildsToDo) | |
| 37 { | |
| 38 // Invoker interface | |
| 39 | |
| 40 this.invoke = function coalescenceBase_invoke() | |
| 41 { | |
| 42 if (aPerformActionOnChildInTheFirstPlace) { | |
| 43 this.invokeAction(this.childNode, aChildAction); | |
| 44 this.invokeAction(this.parentNode, aParentAction); | |
| 45 } else { | |
| 46 this.invokeAction(this.parentNode, aParentAction); | |
| 47 this.invokeAction(this.childNode, aChildAction); | |
| 48 } | |
| 49 } | |
| 50 | |
| 51 this.getID = function coalescenceBase_getID() | |
| 52 { | |
| 53 var childAction = this.getActionName(aChildAction) + " child"; | |
| 54 var parentAction = this.getActionName(aParentAction) + " parent"; | |
| 55 | |
| 56 if (aPerformActionOnChildInTheFirstPlace) | |
| 57 return childAction + " and then " + parentAction; | |
| 58 | |
| 59 return parentAction + " and then " + childAction; | |
| 60 } | |
| 61 | |
| 62 this.finalCheck = function coalescenceBase_check() | |
| 63 { | |
| 64 if (!aIsChildsToDo) | |
| 65 return; | |
| 66 | |
| 67 var eventType = eventTypeToString(this.getEventType(aChildAction)); | |
| 68 todo(false, | |
| 69 "Unexpected event " + eventType + | |
| 70 " for child in the test '" + this.getID() + "'"); | |
| 71 } | |
| 72 | |
| 73 // Implementation details | |
| 74 | |
| 75 this.invokeAction = function coalescenceBase_invokeAction(aNode, aAction) | |
| 76 { | |
| 77 switch (aAction) { | |
| 78 case kRemoveElm: | |
| 79 aNode.parentNode.removeChild(aNode); | |
| 80 break; | |
| 81 | |
| 82 case kHideElm: | |
| 83 aNode.style.display = "none"; | |
| 84 break; | |
| 85 | |
| 86 case kAddElm: | |
| 87 if (aNode == this.parentNode) | |
| 88 this.hostNode.appendChild(this.parentNode); | |
| 89 else | |
| 90 this.parentNode.appendChild(this.childNode); | |
| 91 break; | |
| 92 | |
| 93 case kShowElm: | |
| 94 aNode.style.display = "block"; | |
| 95 break; | |
| 96 | |
| 97 default: | |
| 98 return INVOKER_ACTION_FAILED; | |
| 99 } | |
| 100 } | |
| 101 | |
| 102 this.getEventType = function coalescenceBase_getEventType(aAction) | |
| 103 { | |
| 104 switch (aAction) { | |
| 105 case kRemoveElm: case kHideElm: | |
| 106 return EVENT_HIDE; | |
| 107 case kAddElm: case kShowElm: | |
| 108 return EVENT_SHOW; | |
| 109 } | |
| 110 } | |
| 111 | |
| 112 this.getActionName = function coalescenceBase_getActionName(aAction) | |
| 113 { | |
| 114 switch (aAction) { | |
| 115 case kRemoveElm: | |
| 116 return "remove"; | |
| 117 case kHideElm: | |
| 118 return "hide"; | |
| 119 case kAddElm: | |
| 120 return "add"; | |
| 121 case kShowElm: | |
| 122 return "show"; | |
| 123 default: | |
| 124 return "??"; | |
| 125 } | |
| 126 } | |
| 127 | |
| 128 this.initSequence = function coalescenceBase_initSequence() | |
| 129 { | |
| 130 // expected events | |
| 131 var eventType = this.getEventType(aParentAction); | |
| 132 this.eventSeq = [ | |
| 133 new invokerChecker(eventType, this.parentNode), | |
| 134 new invokerChecker(EVENT_REORDER, this.hostNode) | |
| 135 ]; | |
| 136 | |
| 137 // unexpected events | |
| 138 this.unexpectedEventSeq = [ | |
| 139 new invokerChecker(EVENT_REORDER, this.parentNode) | |
| 140 ]; | |
| 141 | |
| 142 if (!aIsChildsToDo) { | |
| 143 var eventType = this.getEventType(aChildAction); | |
| 144 var checker = new invokerChecker(eventType, this.childNode); | |
| 145 this.unexpectedEventSeq.unshift(checker); | |
| 146 } | |
| 147 } | |
| 148 } | |
| 149 | |
| 150 /** | |
| 151 * Remove or hide mutation events coalescence testing. | |
| 152 */ | |
| 153 function removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 154 aChildAction, aParentAction, | |
| 155 aPerformActionOnChildInTheFirstPlace, | |
| 156 aIsChildsToDo) | |
| 157 { | |
| 158 this.__proto__ = new coalescenceBase(aChildAction, aParentAction, | |
| 159 aPerformActionOnChildInTheFirstPlace, | |
| 160 aIsChildsToDo); | |
| 161 | |
| 162 this.init = function removeOrHideCoalescenceBase_init() | |
| 163 { | |
| 164 this.childNode = getNode(aChildID); | |
| 165 this.parentNode = getNode(aParentID); | |
| 166 this.hostNode = this.parentNode.parentNode; | |
| 167 | |
| 168 // ensure child accessible is created | |
| 169 getAccessible(this.childNode); | |
| 170 } | |
| 171 | |
| 172 // Initalization | |
| 173 | |
| 174 this.init(); | |
| 175 this.initSequence(); | |
| 176 } | |
| 177 | |
| 178 //////////////////////////////////////////////////////////////////////////// | |
| 179 // Invokers | |
| 180 | |
| 181 /** | |
| 182 * Remove child node and then its parent node from DOM tree. | |
| 183 */ | |
| 184 function removeChildNParent(aChildID, aParentID) | |
| 185 { | |
| 186 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 187 kRemoveElm, kRemoveElm, | |
| 188 true, kToDo); | |
| 189 } | |
| 190 | |
| 191 /** | |
| 192 * Remove parent node and then its child node from DOM tree. | |
| 193 */ | |
| 194 function removeParentNChild(aChildID, aParentID) | |
| 195 { | |
| 196 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 197 kRemoveElm, kRemoveElm, | |
| 198 false); | |
| 199 } | |
| 200 | |
| 201 /** | |
| 202 * Hide child node and then its parent node. | |
| 203 */ | |
| 204 function hideChildNParent(aChildID, aParentID) | |
| 205 { | |
| 206 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 207 kHideElm, kHideElm, | |
| 208 true); | |
| 209 } | |
| 210 | |
| 211 /** | |
| 212 * Hide parent node and then its child node. | |
| 213 */ | |
| 214 function hideParentNChild(aChildID, aParentID) | |
| 215 { | |
| 216 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 217 kHideElm, kHideElm, | |
| 218 false); | |
| 219 } | |
| 220 | |
| 221 /** | |
| 222 * Hide child node and then remove its parent node. | |
| 223 */ | |
| 224 function hideChildNRemoveParent(aChildID, aParentID) | |
| 225 { | |
| 226 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 227 kHideElm, kRemoveElm, | |
| 228 true); | |
| 229 } | |
| 230 | |
| 231 /** | |
| 232 * Hide parent node and then remove its child node. | |
| 233 */ | |
| 234 function hideParentNRemoveChild(aChildID, aParentID) | |
| 235 { | |
| 236 // Because of async layout changes we handle remove child node change | |
| 237 // before than hide parent node change even we hide parent before we | |
| 238 // remove a child. Therefore mark this as todo until we have more smart | |
| 239 // events coalescence. | |
| 240 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 241 kRemoveElm, kHideElm, | |
| 242 false, kToDo); | |
| 243 } | |
| 244 | |
| 245 /** | |
| 246 * Remove child node and then hide its parent node. | |
| 247 */ | |
| 248 function removeChildNHideParent(aChildID, aParentID) | |
| 249 { | |
| 250 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 251 kRemoveElm, kHideElm, | |
| 252 true, kToDo); | |
| 253 } | |
| 254 | |
| 255 /** | |
| 256 * Remove parent node and then hide its child node. | |
| 257 */ | |
| 258 function removeParentNHideChild(aChildID, aParentID) | |
| 259 { | |
| 260 this.__proto__ = new removeOrHideCoalescenceBase(aChildID, aParentID, | |
| 261 kHideElm, kRemoveElm, | |
| 262 false); | |
| 263 } | |
| 264 | |
| 265 /** | |
| 266 * Create and append parent node and create and append child node to it. | |
| 267 */ | |
| 268 function addParentNChild(aHostID, aPerformActionOnChildInTheFirstPlace) | |
| 269 { | |
| 270 this.init = function addParentNChild_init() | |
| 271 { | |
| 272 this.hostNode = getNode(aHostID); | |
| 273 this.parentNode = document.createElement("select"); | |
| 274 this.childNode = document.createElement("option"); | |
| 275 this.childNode.textContent = "testing"; | |
| 276 } | |
| 277 | |
| 278 this.__proto__ = new coalescenceBase(kAddElm, kAddElm, | |
| 279 aPerformActionOnChildInTheFirstPlace); | |
| 280 | |
| 281 this.init(); | |
| 282 this.initSequence(); | |
| 283 } | |
| 284 | |
| 285 /** | |
| 286 * Show parent node and show child node to it. | |
| 287 */ | |
| 288 function showParentNChild(aParentID, aChildID, | |
| 289 aPerformActionOnChildInTheFirstPlace) | |
| 290 { | |
| 291 this.init = function showParentNChild_init() | |
| 292 { | |
| 293 this.parentNode = getNode(aParentID); | |
| 294 this.hostNode = this.parentNode.parentNode; | |
| 295 this.childNode = getNode(aChildID); | |
| 296 } | |
| 297 | |
| 298 this.__proto__ = new coalescenceBase(kShowElm, kShowElm, | |
| 299 aPerformActionOnChildInTheFirstPlace); | |
| 300 | |
| 301 this.init(); | |
| 302 this.initSequence(); | |
| 303 } | |
| 304 | |
| 305 /** | |
| 306 * Create and append child node to the DOM and then show parent node. | |
| 307 */ | |
| 308 function showParentNAddChild(aParentID, | |
| 309 aPerformActionOnChildInTheFirstPlace) | |
| 310 { | |
| 311 this.init = function showParentNAddChild_init() | |
| 312 { | |
| 313 this.parentNode = getNode(aParentID); | |
| 314 this.hostNode = this.parentNode.parentNode; | |
| 315 this.childNode = document.createElement("option"); | |
| 316 this.childNode.textContent = "testing"; | |
| 317 } | |
| 318 | |
| 319 this.__proto__ = new coalescenceBase(kAddElm, kShowElm, | |
| 320 aPerformActionOnChildInTheFirstPlace); | |
| 321 | |
| 322 this.init(); | |
| 323 this.initSequence(); | |
| 324 } | |
| 325 | |
| 326 //////////////////////////////////////////////////////////////////////////// | |
| 327 // Do tests. | |
| 328 | |
| 329 var gQueue = null; | |
| 330 //gA11yEventDumpToConsole = true; // debug stuff | |
| 331 | |
| 332 function doTests() | |
| 333 { | |
| 334 gQueue = new eventQueue(); | |
| 335 | |
| 336 gQueue.push(new removeChildNParent("option1", "select1")); | |
| 337 gQueue.push(new removeParentNChild("option2", "select2")); | |
| 338 gQueue.push(new hideChildNParent("option3", "select3")); | |
| 339 gQueue.push(new hideParentNChild("option4", "select4")); | |
| 340 gQueue.push(new hideChildNRemoveParent("option5", "select5")); | |
| 341 gQueue.push(new hideParentNRemoveChild("option6", "select6")); | |
| 342 gQueue.push(new removeChildNHideParent("option7", "select7")); | |
| 343 gQueue.push(new removeParentNHideChild("option8", "select8")); | |
| 344 | |
| 345 gQueue.push(new addParentNChild("testContainer", false)); | |
| 346 gQueue.push(new addParentNChild("testContainer", true)); | |
| 347 gQueue.push(new showParentNChild("select9", "option9", false)); | |
| 348 gQueue.push(new showParentNChild("select10", "option10", true)); | |
| 349 gQueue.push(new showParentNAddChild("select11", false)); | |
| 350 gQueue.push(new showParentNAddChild("select12", true)); | |
| 351 | |
| 352 gQueue.invoke(); // Will call SimpleTest.finish(); | |
| 353 } | |
| 354 | |
| 355 SimpleTest.waitForExplicitFinish(); | |
| 356 addA11yLoadEvent(doTests); | |
| 357 </script> | |
| 358 </head> | |
| 359 | |
| 360 <body> | |
| 361 | |
| 362 <a target="_blank" | |
| 363 href="https://bugzilla.mozilla.org/show_bug.cgi?id=513213" | |
| 364 title="coalesce events when new event is appended to the queue"> | |
| 365 Mozilla Bug 513213 | |
| 366 </a><br> | |
| 367 <a target="_blank" | |
| 368 title="Rework accessible tree update code" | |
| 369 href="https://bugzilla.mozilla.org/show_bug.cgi?id=570275"> | |
| 370 Mozilla Bug 570275 | |
| 371 </a> | |
| 372 | |
| 373 <p id="display"></p> | |
| 374 <div id="content" style="display: none"></div> | |
| 375 <pre id="test"> | |
| 376 </pre> | |
| 377 <div id="eventdump"></div> | |
| 378 | |
| 379 <div id="testContainer"> | |
| 380 <select id="select1"> | |
| 381 <option id="option1">option</option> | |
| 382 </select> | |
| 383 <select id="select2"> | |
| 384 <option id="option2">option</option> | |
| 385 </select> | |
| 386 <select id="select3"> | |
| 387 <option id="option3">option</option> | |
| 388 </select> | |
| 389 <select id="select4"> | |
| 390 <option id="option4">option</option> | |
| 391 </select> | |
| 392 <select id="select5"> | |
| 393 <option id="option5">option</option> | |
| 394 </select> | |
| 395 <select id="select6"> | |
| 396 <option id="option6">option</option> | |
| 397 </select> | |
| 398 <select id="select7"> | |
| 399 <option id="option7">option</option> | |
| 400 </select> | |
| 401 <select id="select8"> | |
| 402 <option id="option8">option</option> | |
| 403 </select> | |
| 404 | |
| 405 <select id="select9" style="display: none"> | |
| 406 <option id="option9" style="display: none">testing</option> | |
| 407 </select> | |
| 408 <select id="select10" style="display: none"> | |
| 409 <option id="option10" style="display: none">testing</option> | |
| 410 </select> | |
| 411 <select id="select11" style="display: none"></select> | |
| 412 <select id="select12" style="display: none"></select> | |
| 413 </div> | |
| 414 </body> | |
| 415 </html> |
