LayoutTests/css1/units/zero-duration-without-units.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>Zero Duration Without Units</title>
   8   <style type="text/css" media="screen">
   9     #box {
  10       height: 100px;
  11       width: 100px;
  12       background-color: blue;
  13       -webkit-transition-property: top, left;
  14       -webkit-transition-duration: 1s;
  15       -webkit-transition-duration: 0;
  16       -webkit-transition-timing-function: linear;
  17     }
  18   </style>
  19   <script type="text/javascript" charset="utf-8">
  20     if (window.layoutTestController) {
  21       layoutTestController.dumpAsText();
  22       layoutTestController.waitUntilDone();
  23     }
  24
  25     function test()
  26     {
  27         var box = document.getElementById('box');
  28         var dur = parseInt(window.getComputedStyle(box).webkitTransitionDuration);
  29         document.getElementById('result').innerHTML = (dur == 0) ? "PASS" : "FAIL";
  30         if (window.layoutTestController)
  31             layoutTestController.notifyDone();
  32     }
  33     window.addEventListener('load', test, false)
  34   </script>
  35 </head>
  36 <body>
  37
  38 <p>Box should start moving left after left style is reset after 500ms</p>
  39   <div id="box">
  40   </div>
  41 <div id="result">
  42 </div>
  43 </body>
  44 </html>