LayoutTests/transitions/bad-transition-shorthand-crash.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   7   <title>Test For Crash When Transition Properties Overridden</title>
   8   <style type="text/css" media="screen">
   9     #box {
  10       position: relative;
  11       height: 100px;
  12       width: 100px;
  13       background-color: blue;
  14       -webkit-transform: rotate(0);
  15       -webkit-transition: -webkit-transform, 2s;
  16     }
  17   </style>
  18   <script type="text/javascript" charset="utf-8">
  19     if (window.layoutTestController) {
  20       layoutTestController.dumpAsText();
  21       layoutTestController.waitUntilDone();
  22     }
  23
  24     function finish()
  25     {
  26         layoutTestController.notifyDone();
  27     }
  28
  29     function returnToStart()
  30     {
  31         var box = document.getElementById('box');
  32         box.style.webkitTransform = 'rotate(0)';
  33         setTimeout(finish, 100);
  34     }
  35
  36     function start()
  37     {
  38         var box = document.getElementById('box');
  39         box.style.webkitTransform = 'rotate(180deg)';
  40         setTimeout(returnToStart, 100);
  41     }
  42
  43     window.addEventListener('load', start, false);
  44
  45   </script>
  46 </head>
  47 <body>
  48
  49 <p>
  50 This tests a crash that was occuring when you have both an explicit property and 'all' in the -webkit-transition-property
  51     CSS property. The crash would occur when you retarget the transition. This test should not crash.
  52 </p>
  53 <div id="box">
  54 </div>
  55 </body>
  56 </html>