bower_components/web-animations-js/test/testcases/auto-test-transform-origin.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-origin.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-transform-functions-checks.js ('k') | bower_components/web-animations-js/test/testcases/auto-test-transform-origin-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-origin.html

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

deleted file mode 100644

index 7d3f5b03af6113fbd0cd58df71a3b41b3f67a1c4..0000000000000000000000000000000000000000

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

+++ /dev/null

@@ -1,80 +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: 1000px;

- perspective: 1000px;

- position: absolute;

- left: 0;

- top: 0;

-.box {

- width: 96px;

- height: 96px;

- border: solid 2px;

- display: inline-block;

- margin: 50px;

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

- transform-style: preserve-3d;

- -webkit-transform: rotate(45deg) rotateY(30deg);

- transform: rotate(45deg) rotateY(30deg);

-.test { border-color: green; }

-.expectation { color: red; }

-</style>

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

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

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

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

-<script>

-'use strict';

-var testCases = [

- 'center',

- 'left',

- 'right',

- 'top',

- 'bottom',

- '25px',

- 'left top',

- '10% 50px',

- '10% 50px 100px',

- 'right bottom 100px',

- 'right calc(120% - 100px)',

- 'right calc(120% - 100px) -200px',

-];

-function createBox(type) {

- var element = document.createElement('div');

- element.classList.add('box', type);

- return element;

-testCases.forEach(function(testCase) {

- var expectation = createBox('expectation')

- expectation.style.transformOrigin = expectation.style.webkitTransformOrigin = testCase;

- expectation.textContent = testCase;

- expectationContainer.appendChild(expectation);

- var test = createBox('test')

- test.animate({transformOrigin: testCase}, {duration: 2 * 1000, fill: 'forwards'});

- test.textContent = testCase;

- testContainer.appendChild(test);

-});

-</script>