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.layoutTestController) { 17 layoutTestController.dumpAsText(); 18 layoutTestController.waitUntilDone(); 19 } 20 21 function finish() 22 { 23 if (window.layoutTestController) 24 layoutTestController.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> 54
