REGRESSION (r230574): Interrupted hardware transitions don't behave correctly
[WebKit-https.git] / LayoutTests / transitions / bad-transition-shorthand-crash.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     #box {
7       position: relative;
8       height: 100px;
9       width: 100px;
10       background-color: blue;
11       -webkit-transform: rotate(0);
12       -webkit-transition: -webkit-transform, 2s;
13     }
14   </style>
15   <script>
16     if (window.testRunner) {
17       testRunner.dumpAsText();
18       testRunner.waitUntilDone();
19     }
20     
21     function finish()
22     {
23         if (window.testRunner)
24             testRunner.notifyDone();
25     }
26     
27     function returnToStart()
28     {
29         var box = document.getElementById('box');
30         box.style.webkitTransform = 'rotate(0)';
31         setTimeout(finish, 20);
32     }
33     
34     function start()
35     {
36         var box = document.getElementById('box');
37         box.style.webkitTransform = 'rotate(180deg)';
38         setTimeout(returnToStart, 20);
39     }
40     
41     window.addEventListener('load', start, false);
42   </script>
43 </head>
44 <body>
45
46 <p>
47 This tests a crash that was occuring when you have both an explicit property and 'all' in the -webkit-transition-property
48     CSS property. The crash would occur when you retarget the transition. This test should not crash.
49 </p>
50 <div id="box">
51 </div>
52 </body>
53 </html>