| -webkit-transform: translate3d(0, 0, 0); |
| -webkit-transition: -webkit-transform 200ms linear; |
| window.testRunner.dumpAsText(); |
| window.testRunner.waitUntilDone(); |
| var NUMBER_OF_INTERRUPTIONS = 30; |
| var interruptionCount = 0; |
| function interruptTransition() { |
| if (interruptionCount <= NUMBER_OF_INTERRUPTIONS) { |
| box.style.webkitTransform = 'translate3d(' + (interruptionCount * 5) + "px, 0, 0)"; |
| // call the function again, before the transition can complete |
| setTimeout(interruptTransition, 0); |
| var results = document.getElementById("results"); |
| results.innerText = "The transition completed successfully."; |
| window.testRunner.notifyDone(); |
| window.addEventListener("load", function () { |
| box = document.getElementById("box"); |
| box.addEventListener("webkitTransitionEnd", finishTest, false); |
| // start the rush of interruptions |
| setTimeout(interruptTransition, 10); |
| <p>This test should not crash</p> |