third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-cancel.html

   1 <html>
   2 <head>
   3 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
   4 <script>
   5
   6 var player;
   7
   8 function startAnimation()
   9 {
  10     player = node.animate([{ width: "100px" }, { width: "200px" }], 2000);
  11 }
  12
  13 function cancelAnimation()
  14 {
  15     player.cancel();
  16 }
  17
  18
  19 function test()
  20 {
  21     InspectorTest.eventHandler["Animation.animationCreated"] = onCreated;
  22     InspectorTest.eventHandler["Animation.animationCanceled"] = onCanceled;
  23     InspectorTest.sendCommand("Animation.enable", {});
  24     InspectorTest.evaluateInPage("startAnimation()", function() {});
  25
  26     function onCreated()
  27     {
  28         InspectorTest.log("Animation created");
  29         InspectorTest.evaluateInPage("cancelAnimation()", function() {});
  30     }
  31
  32     function onCanceled()
  33     {
  34         InspectorTest.log("Animation canceled");
  35         InspectorTest.completeTest();
  36     }
  37 }
  38
  39 </script>
  40 </head>
  41 <body onload="runTest()">
  42     <div id="node" style="background-color: red; height: 100px"></div>
  43 </body>
  44 </html>