LayoutTests/transitions/transition-drt-api.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   <style>
   8     body {
   9       margin: 0;
  10     }
  11
  12     div {
  13       position: relative;
  14       left: 100px;
  15       height: 200px;
  16       width: 200px;
  17       background-color: red;
  18       -webkit-transition-property: left;
  19       -webkit-transition-duration: 4s;
  20       -webkit-transition-timing-function: linear;
  21     }
  22
  23     .moved {
  24       left: 200px;
  25     }
  26      </style>
  27    <script type="text/javascript" charset="utf-8">
  28     function endTest() {
  29       if (window.layoutTestController) {
  30         if (!layoutTestController.pauseTransitionAtTimeOnElementWithId("left", 1.0, "target"))
  31           throw("Transition is not running");
  32
  33         layoutTestController.notifyDone();
  34       }
  35     }
  36
  37     function startTest() {
  38       if (window.layoutTestController)
  39         layoutTestController.waitUntilDone();
  40
  41       document.getElementById("target").className = "moved";
  42       window.setTimeout(endTest, 0);
  43     }
  44    </script>
  45 </head>
  46 <body onload="startTest()">
  47   <h1>Test for DRT pauseTransitionAtTimeOnElementWithId() API</h1>
  48
  49   <div id="target">
  50   </div>
  51
  52 </body>
  53 </html>