Devtools Animations: Listen to all animation play state changes

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

Index: third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-start.html
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-cancel.html b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-start.html
similarity index 67%
copy from third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-cancel.html
copy to third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-start.html
index e11053f9dedebe172a3a63e70ba6abd3637f626a..742078b75c021dc1ef3df9ed5b176193c0a23e6a 100644
--- a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-cancel.html
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-create-start.html
@@ -3,22 +3,14 @@
 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
 <script>
 
-var player;
-
 function startAnimation()
 {
-    player = node.animate([{ width: "100px" }, { width: "200px" }], 2000);
-}
-
-function cancelAnimation()
-{
-    player.cancel();
+    node.animate([{ width: "100px" }, { width: "200px" }], 2000);
 }
 
 function test()
 {
     InspectorTest.eventHandler["Animation.animationCreated"] = onCreated;
-    InspectorTest.eventHandler["Animation.animationCanceled"] = onCanceled;
     InspectorTest.eventHandler["Animation.animationStarted"] = onStarted;
     InspectorTest.sendCommand("Animation.enable", {});
     InspectorTest.evaluateInPage("startAnimation()", function() {});
@@ -31,12 +23,6 @@ function test()
     function onStarted()
     {
         InspectorTest.log("Animation started");
-        InspectorTest.evaluateInPage("cancelAnimation()", function() {});
-    }
-
-    function onCanceled()
-    {
-        InspectorTest.log("Animation canceled");
         InspectorTest.completeTest();
     }
 }