third_party/WebKit/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       transform: rotate(0);
  12       -webkit-transition: 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>