| Index: bower_components/web-animations-js/test/testcases/auto-test-playback-rate.html
|
| diff --git a/bower_components/web-animations-js/test/testcases/auto-test-playback-rate.html b/bower_components/web-animations-js/test/testcases/auto-test-playback-rate.html
|
| deleted file mode 100644
|
| index 8b0657ec26e7a455ad532d37d62f84e0bcb0b518..0000000000000000000000000000000000000000
|
| --- a/bower_components/web-animations-js/test/testcases/auto-test-playback-rate.html
|
| +++ /dev/null
|
| @@ -1,128 +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>
|
| -.animContainer {
|
| - position: absolute;
|
| - left: 0px;
|
| -}
|
| -
|
| -.anim {
|
| - left: 0px;
|
| - width: 100px;
|
| - height: 25px;
|
| - background-color: lightsteelblue;
|
| - position: relative;
|
| -}
|
| -
|
| -#ca {
|
| - top: 50px;
|
| -}
|
| -
|
| -#cb {
|
| - top: 250px;
|
| -}
|
| -
|
| -.expectation {
|
| - position: absolute;
|
| - width: 100px;
|
| - background: red;
|
| -}
|
| -#expectation1 {
|
| - top: 50px;
|
| - left: 300px;
|
| - height: 175px;
|
| -}
|
| -#expectation2 {
|
| - top: 250px;
|
| - left: 100px;
|
| - height: 150px;
|
| -}
|
| -#expectation3 {
|
| - top: 400px;
|
| - left: 300px;
|
| - height: 25px;
|
| -}
|
| -</style>
|
| -
|
| -<div>All movement should be at the same speed.</div>
|
| -
|
| -<div class="expectation" id="expectation1"></div>
|
| -<div class="expectation" id="expectation2"></div>
|
| -<div class="expectation" id="expectation3"></div>
|
| -
|
| -<div class="animContainer" id="ca">
|
| - <div class="anim a" id="a"></div>
|
| - <div class="anim b" id="b"></div>
|
| - <div class="anim c" id="c"></div>
|
| - <div class="anim d" id="d"></div>
|
| - <div class="anim e" id="e"></div>
|
| - <div class="anim f" id="f"></div>
|
| - <div class="anim g" id="g"></div>
|
| -</div>
|
| -
|
| -<div class="animContainer" id="cb">
|
| - <div class="anim a" id="h"></div>
|
| - <div class="anim b" id="i"></div>
|
| - <div class="anim c" id="j"></div>
|
| - <div class="anim d" id="k"></div>
|
| - <div class="anim e" id="l"></div>
|
| - <div class="anim f" id="m"></div>
|
| - <div class="anim g" id="n"></div>
|
| -</div>
|
| -
|
| -<div style="height: 450px"></div>
|
| -
|
| -<script src="../bootstrap.js"></script>
|
| -<script>
|
| -"use strict";
|
| -
|
| -var containers = ["ca", "cb"];
|
| -
|
| -var directions = ["normal", "reverse"];
|
| -var groups = [];
|
| -
|
| -var effect100To300 = [{left: "100px"}, {left: "300px"}];
|
| -var effect300To100 = [{left: "300px"}, {left: "100px"}];
|
| -
|
| -for (var i = 0; i < directions.length; i++) {
|
| - var dir = directions[i];
|
| - groups.push(new AnimationGroup([], {direction: dir, duration: 3 * 1000}));
|
| -}
|
| -
|
| -for (var i = 0; i < containers.length; i++) {
|
| - var container = document.getElementById(containers[i]);
|
| - // Test basic use.
|
| - groups[i].append(new Animation(container.getElementsByClassName("a")[0],
|
| - effect100To300, {duration: 1.0 * 1000, fill: 'forwards'}));
|
| - groups[i].append(new Animation(container.getElementsByClassName("b")[0],
|
| - effect100To300, {duration: 0.5 * 1000, playbackRate: 0.5, fill: 'forwards'}));
|
| - groups[i].append(new Animation(container.getElementsByClassName("c")[0],
|
| - effect100To300, {duration: 2.0 * 1000, playbackRate: 2.0, fill: 'forwards'}));
|
| - // Test negative values.
|
| - groups[i].append(new Animation(container.getElementsByClassName("d")[0],
|
| - effect300To100, {duration: 1.0 * 1000, playbackRate: -1.0, fill: 'forwards'}));
|
| - groups[i].append(new Animation(container.getElementsByClassName("e")[0],
|
| - effect300To100, {duration: 0.5 * 1000, playbackRate: -0.5, fill: 'forwards'}));
|
| - groups[i].append(new Animation(container.getElementsByClassName("f")[0],
|
| - effect300To100, {duration: 2.0 * 1000, playbackRate: -2.0, fill: 'forwards'}));
|
| - // Test zero.
|
| - groups[i].append(new Animation(container.getElementsByClassName("g")[0],
|
| - effect300To100, {duration: 1.0 * 1000, playbackRate: 0.0, fill: 'forwards'}));
|
| - document.timeline.play(groups[i]);
|
| -}
|
| -</script>
|
|
|