| Index: bower_components/web-animations-js/test/testcases/auto-test-motion-path.html
|
| diff --git a/bower_components/web-animations-js/test/testcases/auto-test-motion-path.html b/bower_components/web-animations-js/test/testcases/auto-test-motion-path.html
|
| deleted file mode 100644
|
| index fb47810677089bd46f632db37652e91660917ee5..0000000000000000000000000000000000000000
|
| --- a/bower_components/web-animations-js/test/testcases/auto-test-motion-path.html
|
| +++ /dev/null
|
| @@ -1,125 +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>
|
| -.animation {
|
| - position: absolute;
|
| - width: 25px;
|
| - height: 25px;
|
| - top: 0px;
|
| - left: 0px;
|
| - background: lightsteelblue;
|
| -}
|
| -.expectation {
|
| - background: red;
|
| - position: absolute;
|
| - width: 25px;
|
| - height: 25px;
|
| - top: 0px;
|
| - left: 0px;
|
| -}
|
| -#eTR {
|
| - -webkit-transform: translate(387.5px, 87.5px);
|
| - transform: translate(387.5px, 87.5px);
|
| -}
|
| -#eBL {
|
| - -webkit-transform: translate(87.5px, 287.5px);
|
| - transform: translate(87.5px, 287.5px);
|
| -}
|
| -#eBR, #animBR {
|
| - -webkit-transform: translate(387.5px, 287.5px);
|
| - transform: translate(387.5px, 287.5px);
|
| -}
|
| -svg {
|
| -position:absolute;
|
| -top: 0px;
|
| -left: 0px;
|
| -width: 800px;
|
| -height: 600px;
|
| -}
|
| -</style>
|
| -
|
| -<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
| - <path id=pathTR d="M400,100l0,0l0,-50l100,0l86.3325,122.665z" />
|
| - <path d="M400,100l0,0l0,-50l100,0l86.3325,122.665z" stroke="black"
|
| - stroke-width="1" fill="none" />
|
| - <path id=pathBL d="M100,300l0,0l0,-50l100,0l86.3325,122.665z" />
|
| - <path d="M100,300l0,0l0,-50l100,0l86.3325,122.665z" stroke="black"
|
| - stroke-width="1" fill="none" />
|
| - <path id=pathBR d="M400,300l0,0l0,-50l100,0l86.3325,122.665z" />
|
| - <path d="M400,300l0,0l0,-50l100,0l86.3325,122.665z" stroke="black"
|
| - stroke-width="1" fill="none" />
|
| -</svg>
|
| -
|
| -<div id="eTR" class="expectation"></div>
|
| -<div id="animTR" class="animation">→</div>
|
| -<div id="eBL" class="expectation"></div>
|
| -<div id="animBL" class="animation">→</div>
|
| -<div id="eBR" class="expectation"></div>
|
| -<div id="animBR" class="animation">→</div>
|
| -
|
| -<script>
|
| -var expected_failures = [
|
| - {
|
| - browser_configurations: [{ firefox: true }],
|
| - tests: [
|
| - '#animTR at t=(0|(1|2|9|10|11)000)ms',
|
| - '#animBL at t=(0|(5|7|8|10)000)ms',
|
| - '#animBR at t=(0|(3|8|9|10)000)ms',
|
| - ],
|
| - message: 'Doesn\'t quite follow path correctly.',
|
| - }, {
|
| - browser_configurations: [{ msie: true }],
|
| - tests: [
|
| - '#animTR at t=(0|(1|2|3|4|9|10|11)000)ms',
|
| - '#animBL at t=(0|(1|3|4|7|8|10|11)000)ms',
|
| - '#animBR at t=(0|(1|3|9|10|11)000)ms',
|
| - ],
|
| - message: 'Doesn\'t quite follow path correctly.',
|
| - }
|
| -];
|
| -</script>
|
| -<script src="../bootstrap.js"></script>
|
| -<script>
|
| -"use strict";
|
| -
|
| -var animFuncTR = new MotionPathEffect(
|
| - document.querySelector('#pathTR').pathSegList, 'auto-rotate');
|
| -document.timeline.play(new Animation(document.querySelector("#animTR"),
|
| - animFuncTR, {duration: 10 * 1000, iterations: 2}));
|
| -
|
| -var animFuncBL = new MotionPathEffect(
|
| - document.querySelector('#pathBL').pathSegList, 'auto-rotate');
|
| -document.timeline.play(new Animation(
|
| - document.querySelector("#animBL"), animFuncBL,
|
| - {duration: 10 * 1000, iterations: 2, easing: "paced"}));
|
| -
|
| -var animFuncBRKeyFrames = new KeyframeEffect(
|
| - [{transform: "translate(387.5px, 287.5px) rotate(180deg)"}], "replace");
|
| -var animFuncBRPath = new MotionPathEffect(
|
| - document.querySelector('#pathBR').pathSegList, 'auto-rotate');
|
| -var animBR = new Animation(document.querySelector("#animBR"), animFuncBRPath,
|
| - {duration: 10 * 1000, iterations: 2, easing: "paced"});
|
| -document.timeline.play(animBR);
|
| -
|
| -testharness_timeline.schedule(function() {
|
| - animBR.effect = animFuncBRKeyFrames;
|
| -}, 3000);
|
| -testharness_timeline.schedule(function() {
|
| - animBR.effect = animFuncBRPath;
|
| -}, 6000);
|
| -</script>
|
|
|