Index: bower_components/web-animations-js/test/testcases/auto-test-keyframe-creation.html |
diff --git a/bower_components/web-animations-js/test/testcases/auto-test-keyframe-creation.html b/bower_components/web-animations-js/test/testcases/auto-test-keyframe-creation.html |
deleted file mode 100644 |
index 831343e8d9d8e002d536e23fa8f9c845b3bb7dcb..0000000000000000000000000000000000000000 |
--- a/bower_components/web-animations-js/test/testcases/auto-test-keyframe-creation.html |
+++ /dev/null |
@@ -1,109 +0,0 @@ |
-<!-- |
-Copyright 2012 Google Inc. All Rights Reserved. |
- |
-Licensed under the Apache License, Version 2.0 (the "License"); |
-you may not use this file except in compliance with the License. |
-You may obtain a copy of the License at |
- |
- http://www.apache.org/licenses/LICENSE-2.0 |
- |
-Unless required by applicable law or agreed to in writing, software |
-distributed under the License is distributed on an "AS IS" BASIS, |
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
-See the License for the specific language governing permissions and |
-limitations under the License. |
---> |
- |
-<!DOCTYPE html><meta charset="UTF-8"> |
-<style> |
-.anim { |
- left: 50px; |
- width: 100px; |
- height: 100px; |
- background-color: lightsteelblue; |
- position: absolute; |
-} |
- |
-#a { |
- top: 0px |
-} |
- |
-#b { |
- top: 100px; |
-} |
- |
-#c { |
- top: 200px |
-} |
- |
-#d { |
- top: 300px; |
-} |
- |
-#e { |
- top: 400px; |
-} |
- |
-#f { |
- top: 500px; |
-} |
- |
-#g { |
- top: 600px; |
- left: 200px; |
-} |
- |
-#expectation { |
- position: absolute; |
- top: 0px; |
- left: 200px; |
- width: 100px; |
- height: 700px; |
- background: red; |
-} |
-</style> |
- |
-<div id=expectation></div> |
- |
-<div> |
- <div id="a" class="anim"></div> |
- <div id="b" class="anim"></div> |
- <div id="c" class="anim"></div> |
- <div id="d" class="anim"></div> |
- <div id="e" class="anim"></div> |
- <div id="f" class="anim"></div> |
- <div id="g" class="anim"></div> |
-</div> |
- |
-<div style="height: 750px"></div> |
- |
-<script src="../bootstrap.js"></script> |
-<script> |
-"use strict"; |
- |
-var dt = document.timeline; |
- |
-dt.play(new Animation(document.querySelector("#a"), |
- [{left: "100px"}, {left: "200px"}], {delay: 1 * 1000, duration: 1 * 1000, fill: 'forwards'})); |
-dt.play(new Animation(document.querySelector("#b"), {left: "200px"}, |
- {delay: 1 * 1000, duration: 1 * 1000, fill: 'forwards'})); |
-dt.play(new Animation(document.querySelector("#c"), |
- [{left: "100px"}, {left: "200px"}], {duration: 2 * 1000, fill: 'forwards'})); |
-dt.play(new Animation(document.querySelector("#d"), {left: "200px"}, |
- {duration: 2 * 1000, fill: 'forwards'})); |
-dt.play(new Animation(document.querySelector("#e"), [ |
- {offset: 0, left: "100px"}, |
- {offset: 1, left: "200px"}, |
-], {duration: 2 * 1000, fill: 'forwards'})); |
-dt.play(new Animation(document.querySelector("#f"), [ |
- {offset: 0, left: "200px"}, |
- {offset: 0.25, left: "100px"}, |
- {offset: 1, left: "200px"} |
-], {duration: 2 * 1000, fill: 'forwards'})); |
-dt.play(new Animation(document.querySelector("#g"), new KeyframeEffect([ |
- {offset: 0.25, left: "200px"}, |
- {offset: 0.5, left: "100px"}, |
- {offset: 0.75, left: "200px"} |
-], "add"), {duration: 2 * 1000, fill: 'forwards'})); |
- |
-</script> |