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

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

deleted file mode 100644

index 526905dad914e36f31f905a8a5317100e9d8dcde..0000000000000000000000000000000000000000

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

+++ /dev/null

@@ -1,79 +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 {

- position: absolute;

- top: 10px;

- left: 100px;

-.box {

- width: 100px;

- height: 100px;

- margin: 20px;

- margin-bottom: 100px;

- display: inline-block;

- -webkit-perspective: 500px;

- perspective: 500px;

-.item {

- width: 80px;

- height: 80px;

- margin: 10px;

- border-style: solid;

- white-space: pre;

- -webkit-transform: translateZ(50px) rotateX(30deg) rotateY(30deg);

- transform: translateZ(50px) rotateX(30deg) rotateY(30deg);

-.test > .item { border-color: green; }

-.expectation > .item { color: red; }

-#spacer { height: 300px; }

-</style>

-<div id="spacer"></div>

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

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

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

-<script>

-'use strict';

-var perspectiveTestCases = [

- '150px',

- '1000px',

- 'none',

- '4px',

-];

-perspectiveTestCases.forEach(function(testCase) {

- var test = createBoxedItem('test', testCase);

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

- testContainer.appendChild(test);

- var expectation = createBoxedItem('expectation', testCase);

- expectation.style.perspective = expectation.style.webkitPerspective = testCase;

- expectationContainer.appendChild(expectation);

-});

-function createBoxedItem(type, text) {

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

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

- box.textContent = text;

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

- item.classList.add('item');

- box.appendChild(item);

- return box;

-</script>