3 <title>Pause and resume animation should not crash</title>
4 <style type="text/css" media="screen">
9 background-color: blue;
10 -webkit-animation-duration: 2s;
11 -webkit-animation-direction: alternate;
12 -webkit-animation-iteration-count: infinite;
15 @-webkit-keyframes anim {
16 from { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); }
17 to { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 400,0,0,1); }
20 <script type="text/javascript" charset="utf-8">
21 if (window.testRunner) {
22 testRunner.dumpAsText();
23 testRunner.waitUntilDone();
26 function animationStarted()
28 setTimeout(function() {
29 document.getElementById('box1').style.webkitAnimationPlayState = "paused";
30 setTimeout(function() {
31 document.getElementById('box1').style.webkitAnimationPlayState = "running";
32 setTimeout(function() {
33 document.getElementById('results').innerHTML = 'Did not crash, so PASSED';
34 if (window.testRunner)
35 testRunner.notifyDone();
43 document.getElementById('box1').addEventListener('webkitAnimationStart', animationStarted);
44 document.getElementById('box1').style.webkitAnimationName = "anim";
47 window.addEventListener('load', startTest, false);
52 <p>Tests pause and resume animation. Should not crash. (https://bugs.webkit.org/show_bug.cgi?id=67510)</p>
55 <div id="box1" class="box"></div>
57 <div id="results"></div>