bower_components/web-animations-js/test/testcases/auto-test-transform-3d.html - Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

Unified Diff: bower_components/web-animations-js/test/testcases/auto-test-transform-3d.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master

Patch Set: Created 5 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « bower_components/web-animations-js/test/testcases/auto-test-to-animation-checks.js ('k') | bower_components/web-animations-js/test/testcases/auto-test-transform-3d-checks.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: bower_components/web-animations-js/test/testcases/auto-test-transform-3d.html

diff --git a/bower_components/web-animations-js/test/testcases/auto-test-transform-3d.html b/bower_components/web-animations-js/test/testcases/auto-test-transform-3d.html

deleted file mode 100644

index 7384966f90dbcf55d73cdaf1494508525a1177ab..0000000000000000000000000000000000000000

--- a/bower_components/web-animations-js/test/testcases/auto-test-transform-3d.html

+++ /dev/null

@@ -1,123 +0,0 @@

-<!--

-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>

-.container {

- -webkit-perspective: 200px;

- perspective: 200px;

- -webkit-perspective-origin: 400px 200px;

- perspective-origin: 400px 200px;

- position: absolute;

- top: 300px;

-.anim {

- left: 0px;

- width: 50px;

- height: 50px;

- background-color: lightsteelblue;

- position: absolute;

- -webkit-transform-style: preserve-3d;

- transform-style: preserve-3d;

- font-size: 8px;

-.expected {

- width: 50px;

- height: 50px;

- position: absolute;

- background-color: red;

- font-size: 8px;

- -webkit-transform-style: preserve-3d;

- transform-style: preserve-3d;

-</style>

-<div class="container"></div>

-<div style="height: 700px"></div>

-<script>

-var expected_failures = [

- {

- browser_configurations: [{ msie: true }],

- tests: ['Autogenerated'],

- message: 'IE returns matrix3d instead of matrix.',

- }

-];

-</script>

-<script src="../bootstrap.js"></script>

-<script>

-"use strict";

-var transformValues = [

- ['translate3d(0px, 0px, 0px)', 'translate3d(20px, 40px, 60px)',

- 'translateZ(20px)'],

- ['translateZ(50px) scale3d(1, 1, 1)', 'translateZ(50px) scale3d(1.5, 3, 5)', 'translateZ(50px) scaleZ(2)'],

- ['rotateX(0deg)', 'rotateX(50deg)'],

- ['rotateY(0deg)', 'rotateY(50deg)'],

- ['rotateZ(0deg)', 'rotateZ(50deg)'],

-];

-var separation_x = 70;

-var separation_y = 70;

-var max_x = 1000;

-var toplevel = document.querySelector("div");

-var animations = [];

-var y = 50;

-for (var i = 0; i < transformValues.length; i++) {

- var x = 300;

- for (var j = 0; j < transformValues[i].length; j++) {

- for (var k = 0; k < transformValues[i].length; k++) {

- if (j == k) {

- continue;

- }

- toplevel.appendChild(document.createElement("div"));

- var div = toplevel.lastChild;

- div.className = "expected";

- div.style.top = y + 'px';

- div.style.left = x + 'px';

- div.style[_WebAnimationsTestingUtilities._prefixProperty('transform')] = transformValues[i][k];

- toplevel.appendChild(document.createElement("div"));

- var div = toplevel.lastChild;

- div.className = "anim";

- div.style.top = y + 'px';

- div.style.left = x + 'px';

- div.textContent = "perspective";

- div.id = "i_" + i + "_" + j + "_" + k;

- animations.push(new Animation(div, [

- {transform: transformValues[i][j]},

- {transform: transformValues[i][k]},

- ], {duration: 2 * 1000, fill: 'forwards'}));

- x += separation_x;

- if (x > max_x) {

- x = 20;

- y += separation_y;

- }

- y += separation_y;

-</script>

-<script>

-"use strict";

-animations.forEach(function(anim) { document.timeline.play(anim); });

-</script>