| Index: LayoutTests/inspector/elements/animation-timeline.html
|
| diff --git a/LayoutTests/inspector/elements/animation-timeline.html b/LayoutTests/inspector/elements/animation-timeline.html
|
| deleted file mode 100644
|
| index 3c862878f8da0aee9d8c5c212b8387aa46a10bf7..0000000000000000000000000000000000000000
|
| --- a/LayoutTests/inspector/elements/animation-timeline.html
|
| +++ /dev/null
|
| @@ -1,94 +0,0 @@
|
| -<html>
|
| -<head>
|
| -<script src="../../http/tests/inspector/inspector-test.js"></script>
|
| -<script src="../../http/tests/inspector/elements-test.js"></script>
|
| -<script>
|
| -
|
| -var player;
|
| -
|
| -function startAnimationWithDelay()
|
| -{
|
| - player = node.animate([{ width: "100px" }, { width: "200px" }], { duration: 200, delay: 100 });
|
| -}
|
| -
|
| -function startAnimationWithEndDelay()
|
| -{
|
| - player = node.animate([{ width: "100px" }, { width: "200px" }], { duration: 20000, delay: 100, endDelay: 200 });
|
| -}
|
| -
|
| -function cancelAnimation()
|
| -{
|
| - player.cancel();
|
| -}
|
| -
|
| -function startAnimationWithStepTiming()
|
| -{
|
| - player = node.animate([{ width: "100px", easing: "step(5, end)" }, { width: "200px", easing: "step-start" }], 200);
|
| -}
|
| -
|
| -function test()
|
| -{
|
| - InspectorTest.selectNodeWithId("node", step1);
|
| - var timeline = new WebInspector.AnimationTimeline();
|
| - var elementsPanel = WebInspector.ElementsPanel.instance();
|
| - elementsPanel.setWidgetBelowDOM(timeline);
|
| - // Override timeline width for testing
|
| - WebInspector.AnimationTimeline.prototype.width = function() { return 1000; }
|
| - // Override animation color for testing
|
| - // FIXME: Set animation name of Web Animation instead; not supported yet
|
| - WebInspector.AnimationUI.prototype._color = function() { return "black"; }
|
| -
|
| - function step1()
|
| - {
|
| - InspectorTest.waitForAnimationAdded(step2);
|
| - InspectorTest.evaluateInPage("startAnimationWithDelay()");
|
| - }
|
| -
|
| - function step2()
|
| - {
|
| - InspectorTest.addResult(">>>> Animation with start delay only");
|
| - InspectorTest.dumpAnimationTimeline(timeline);
|
| - timeline._reset();
|
| - InspectorTest.waitForAnimationAdded(step3);
|
| - InspectorTest.evaluateInPage("startAnimationWithEndDelay()");
|
| - }
|
| -
|
| - function step3()
|
| - {
|
| - InspectorTest.addResult(">>>> Animation with start and end delay");
|
| - InspectorTest.dumpAnimationTimeline(timeline);
|
| - InspectorTest.addSniffer(WebInspector.AnimationTimeline.prototype, "_cancelAnimation", step4);
|
| - InspectorTest.evaluateInPage("cancelAnimation()");
|
| - }
|
| -
|
| - function step4()
|
| - {
|
| - InspectorTest.addResult(">>>> Animation canceled");
|
| - // Force redraw since the draw is async scheduled
|
| - timeline._redraw();
|
| - InspectorTest.dumpAnimationTimeline(timeline);
|
| - timeline._reset();
|
| - InspectorTest.waitForAnimationAdded(step5);
|
| - InspectorTest.evaluateInPage("startAnimationWithStepTiming()");
|
| - }
|
| -
|
| - function step5()
|
| - {
|
| - InspectorTest.addResult(">>>> Animation with step timing function");
|
| - InspectorTest.dumpAnimationTimeline(timeline);
|
| - InspectorTest.completeTest();
|
| - }
|
| -}
|
| -
|
| -</script>
|
| -</head>
|
| -
|
| -<body onload="runTest()">
|
| -<p>
|
| -Tests the display of animations on the animation timeline.
|
| -</p>
|
| -
|
| -<div id="node" style="background-color: red; height: 100px"></div>
|
| -
|
| -</body>
|
| -</html>
|
|
|
Chromium Code Reviews
Issue 1151263007:
Devtools: Move animation to separate module (Closed)
Base URL: svn://svn.chromium.org/blink/trunk