Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(272)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-rotate-interpolation.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, 12 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 | « polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-perspective-interpolation.html ('k') | polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-scale-interpolation.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-rotate-interpolation.html
diff --git a/polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-rotate-interpolation.html b/polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-rotate-interpolation.html
new file mode 100644
index 0000000000000000000000000000000000000000..abfd2c339aa507325f6b085d7f0d20f82eab53d8
--- /dev/null
+++ b/polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-rotate-interpolation.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+.target {
+ color: white;
+ width: 100px;
+ height: 100px;
+ background-color: black;
+ display: inline-block;
+ overflow: hidden;
+}
+.replica {
+ background-color: green;
+}
+.target div {
+ width: 10px;
+ height: 10px;
+ display: inline-block;
+ background: orange;
+ margin: 1px;
+}
+.test {
+ overflow: hidden;
+}
+</style>
+<body>
+<template id="target-template">
+<div></div>
+</template>
+<script src="../testharness/testharness.js"></script>
+<script src="../testharness/testharnessreport.js"></script>
+<script src="resources/interpolation-test.js"></script>
+<script>
+
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotate(30deg)',
+ to: 'rotate(330deg)'
+}, [
+ {at: -1, is: 'rotate(-270deg)'},
+ {at: 0, is: 'rotate(30deg)'},
+ {at: 0.25, is: 'rotate(105deg)'},
+ {at: 0.75, is: 'rotate(255deg)'},
+ {at: 1, is: 'rotate(330deg)'},
+ {at: 2, is: 'rotate(630deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotateX(0deg)',
+ to: 'rotateX(700deg)'
+}, [
+ {at: -1, is: 'rotateX(-700deg)'},
+ {at: 0, is: 'rotateX(0deg)'},
+ {at: 0.25, is: 'rotateX(175deg)'},
+ {at: 0.75, is: 'rotateX(525deg)'},
+ {at: 1, is: 'rotateX(700deg)'},
+ {at: 2, is: 'rotateX(1400deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotateY(0deg)',
+ to: 'rotateY(800deg)'
+}, [
+ {at: -1, is: 'rotateY(-800deg)'},
+ {at: 0, is: 'rotateY(0deg)'},
+ {at: 0.25, is: 'rotateY(200deg)'},
+ {at: 0.75, is: 'rotateY(600deg)'},
+ {at: 1, is: 'rotateY(800deg)'},
+ {at: 2, is: 'rotateY(1600deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotateZ(0deg)',
+ to: 'rotateZ(900deg)'
+}, [
+ {at: -1, is: 'rotateZ(-900deg)'},
+ {at: 0, is: 'rotateZ(0deg)'},
+ {at: 0.25, is: 'rotateZ(225deg)'},
+ {at: 0.75, is: 'rotateZ(675deg)'},
+ {at: 1, is: 'rotateZ(900deg)'},
+ {at: 2, is: 'rotateZ(1800deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotate3d(7, 8, 9, 100deg)',
+ to: 'rotate3d(7, 8, 9, 260deg)'
+}, [
+ {at: -1, is: 'rotate3d(7, 8, 9, -60deg)'},
+ {at: 0, is: 'rotate3d(7, 8, 9, 100deg)'},
+ {at: 0.25, is: 'rotate3d(7, 8, 9, 140deg)'},
+ {at: 0.75, is: 'rotate3d(7, 8, 9, 220deg)'},
+ {at: 1, is: 'rotate3d(7, 8, 9, 260deg)'},
+ {at: 2, is: 'rotate3d(7, 8, 9, 420deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'none',
+ to: 'rotate(90deg)'
+}, [
+ {at: -1, is: 'rotate(-90deg)'},
+ {at: 0, is: 'none'},
+ {at: 0.25, is: 'rotate(22.5deg)'},
+ {at: 0.75, is: 'rotate(67.5deg)'},
+ {at: 1, is: 'rotate(90deg)'},
+ {at: 2, is: 'rotate(180deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotate(90deg)',
+ to: 'none'
+}, [
+ {at: -1, is: 'rotate(180deg)'},
+ {at: 0, is: 'rotate(90deg)'},
+ {at: 0.25, is: 'rotate(67.5deg)'},
+ {at: 0.75, is: 'rotate(22.5deg)'},
+ {at: 1, is: 'none'},
+ {at: 2, is: 'rotate(-90deg)'},
+]);
+assertInterpolation({
+ property: 'transform',
+ prefixedProperty: ['-webkit-transform'],
+ from: 'rotateX(0deg) rotateY(0deg) rotateZ(0deg)',
+ to: 'rotateX(700deg) rotateY(800deg) rotateZ(900deg)'
+}, [
+ {at: -1, is: 'rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)'},
+ {at: 0, is: 'rotateX(0deg) rotateY(0deg) rotateZ(0deg)'},
+ {at: 0.25, is: 'rotateX(175deg) rotateY(200deg) rotateZ(225deg)'},
+ {at: 0.75, is: 'rotateX(525deg) rotateY(600deg) rotateZ(675deg)'},
+ {at: 1, is: 'rotateX(700deg) rotateY(800deg) rotateZ(900deg)'},
+ {at: 2, is: 'rotateX(1400deg) rotateY(1600deg) rotateZ(1800deg)'},
+]);
+</script>
+</body>
« no previous file with comments | « polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-perspective-interpolation.html ('k') | polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/transform-scale-interpolation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698