RubyGems - polymer-paper-rails - Versions diffs - 0.1.0 → 0.2.0 - Mend

polymer-paper-rails 0.1.0 → 0.2.0

Files changed (558) hide show

data/app/assets/components/web-animations-js/test/testcases/auto-test-to-animation.html ADDED Viewed

@@ -0,0 +1,83 @@
+<!--
+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>
+.anim {
+  left: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: lightsteelblue;
+  position: absolute;
+}
+#a {
+  top: 0px;
+  left: 200px;
+}
+#b {
+  top: 100px;
+  left: 100px;
+}
+#c {
+  top: 200px;
+  left: 0px;
+}
+#d {
+  top: 300px;
+  left: 200px;
+}
+.expectation {
+  background-color: red;
+  position: absolute;
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div class="expectation" style="top: 0px; left: 100px;"></div>
+<div class="expectation" style="top: 100px; left: 200px;"></div>
+<div class="expectation" style="top: 200px; left: 300px;"></div>
+<div class="expectation" style="top: 300px; left: 400px;"></div>
+<div>
+  <div id="a" class="anim"></div>
+  <div id="b" class="anim"></div>
+  <div id="c" class="anim"></div>
+  <div id="d" class="anim"></div>
+</div>
+<div style="height: 500px;"></div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var divs = document.querySelectorAll(".anim");
+var group = new AnimationGroup([], 2000);
+for (var i = 0; i < divs.length; i++) {
+  group.append(new Animation(divs[i], {left: (100 * (i+1)) + "px"}, {duration: 2 * 1000, fill: 'forwards'}));
+}
+document.timeline.play(group);
+</script>

data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-3d-checks.js ADDED Viewed

@@ -0,0 +1,134 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 40, 60, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 40, 60, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.5, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.5, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.6427876096865394, 0.766044443118978, 0, 0, -0.766044443118978, 0.6427876096865394, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(0.6427876096865394, 0, -0.766044443118978, 0, 0, 1, 0, 0, 0.766044443118978, 0, 0.6427876096865394, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'}]);
+  }, "Autogenerated");
+  at(0.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5, 10, 15, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 5, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 15, 30, 45, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 15, 30, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5, 10, 30, 1)'},
+       {'transform':'matrix3d(1.125, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.25, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.375, 0, 0, 0, 0, 2.5, 0, 0, 0, 0, 4, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.375, 0, 0, 0, 0, 2.5, 0, 0, 0, 0, 4.25, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.75, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.125, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 2.75, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.9762960071199334, 0.21643961393810288, 0, 0, -0.21643961393810288, 0.9762960071199334, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.7933533402912352, 0.6087614290087207, 0, 0, -0.6087614290087207, 0.7933533402912352, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(0.9762960071199334, 0, -0.21643961393810288, 0, 0, 1, 0, 0, 0.21643961393810288, 0, 0.9762960071199334, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(0.7933533402912352, 0, -0.6087614290087207, 0, 0, 1, 0, 0, 0.6087614290087207, 0, 0.7933533402912352, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(0.9762960071199334, 0.21643961393810288, -0.21643961393810288, 0.9762960071199334, 0, 0)'},
+       {'transform':'matrix(0.7933533402912352, 0.6087614290087207, -0.6087614290087207, 0.7933533402912352, 0, 0)'}]);
+  }, "Autogenerated");
+  at(1 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 30, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 10, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 30, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 40, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 10, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 40, 1)'},
+       {'transform':'matrix3d(1.25, 0, 0, 0, 0, 2, 0, 0, 0, 0, 3, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.25, 0, 0, 0, 0, 2, 0, 0, 0, 0, 3, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.25, 0, 0, 0, 0, 2, 0, 0, 0, 0, 3.5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.25, 0, 0, 0, 0, 2, 0, 0, 0, 0, 3.5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.9063077870366499, 0.42261826174069944, 0, 0, -0.42261826174069944, 0.9063077870366499, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.9063077870366499, 0.42261826174069944, 0, 0, -0.42261826174069944, 0.9063077870366499, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(0.9063077870366499, 0, -0.42261826174069944, 0, 0, 1, 0, 0, 0.42261826174069944, 0, 0.9063077870366499, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(0.9063077870366499, 0, -0.42261826174069944, 0, 0, 1, 0, 0, 0.42261826174069944, 0, 0.9063077870366499, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(0.9063077870366499, 0.42261826174069944, -0.42261826174069944, 0.9063077870366499, 0, 0)'},
+       {'transform':'matrix(0.9063077870366499, 0.42261826174069944, -0.42261826174069944, 0.9063077870366499, 0, 0)'}]);
+  }, "Autogenerated");
+  at(1.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 15, 30, 45, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5, 10, 15, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5, 10, 30, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 5, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 15, 30, 50, 1)'},
+       {'transform':'matrix3d(1.375, 0, 0, 0, 0, 2.5, 0, 0, 0, 0, 4, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.75, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.125, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.125, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 2.75, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.25, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.375, 0, 0, 0, 0, 2.5, 0, 0, 0, 0, 4.25, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.7933533402912352, 0.6087614290087207, 0, 0, -0.6087614290087207, 0.7933533402912352, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.9762960071199334, 0.21643961393810288, 0, 0, -0.21643961393810288, 0.9762960071199334, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(0.7933533402912352, 0, -0.6087614290087207, 0, 0, 1, 0, 0, 0.6087614290087207, 0, 0.7933533402912352, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix3d(0.9762960071199334, 0, -0.21643961393810288, 0, 0, 1, 0, 0, 0.21643961393810288, 0, 0.9762960071199334, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(0.7933533402912352, 0.6087614290087207, -0.6087614290087207, 0.7933533402912352, 0, 0)'},
+       {'transform':'matrix(0.9762960071199334, 0.21643961393810288, -0.21643961393810288, 0.9762960071199334, 0, 0)'}]);
+  }, "Autogenerated");
+  at(2 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 40, 60, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 40, 60, 1)'},
+       {'transform':'matrix3d(1.5, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.5, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.6427876096865394, 0.766044443118978, 0, 0, -0.766044443118978, 0.6427876096865394, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(0.6427876096865394, 0, -0.766044443118978, 0, 0, 1, 0, 0, 0.766044443118978, 0, 0.6427876096865394, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+  at(2.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 40, 60, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 40, 60, 1)'},
+       {'transform':'matrix3d(1.5, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1.5, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 0, 0, 50, 1)'},
+       {'transform':'matrix3d(1, 0, 0, 0, 0, 0.6427876096865394, 0.766044443118978, 0, 0, -0.766044443118978, 0.6427876096865394, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix3d(0.6427876096865394, 0, -0.766044443118978, 0, 0, 1, 0, 0, 0.766044443118978, 0, 0.6427876096865394, 0, 0, 0, 0, 1)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+}, "Autogenerated checks.");

data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-3d.html ADDED Viewed

@@ -0,0 +1,123 @@
+<!--
+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>
+.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>

data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-functions-checks.js ADDED Viewed

@@ -0,0 +1,160 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(".test", [
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(0.7, 0.7, -0.7, 0.7, 10, 20)'},
+      {'transform':'matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1)'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'matrix(1, 0.5774, 0.364, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0.8391, 1, 0, 0)'},
+      {'transform':'matrix(1, 0.5774, 0, 1, 0, 0)'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'matrix(1.5, 0, 0, 2, 0, 0)'},
+      {'transform':'matrix(2, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0, 1.5, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 8, 1)'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'matrix(0.5, 0.866, -0.866, 0.5, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 0.342, 0.9397, 0, 0, -0.9397, 0.342, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.1736, 0, -0.9848, 0, 0, 1, 0, 0, 0.9848, 0, 0.1736, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.342, 0.9397, -0.9397, 0.342, 0, 0)'},
+      {'transform':'matrix3d(0.6667, 0.6667, -0.3333, 0, -0.3333, 0.6667, 0.6667, 0, 0.6667, -0.3333, 0.6667, 0, 0, 0, 0, 1)'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 20)'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 0)'},
+      {'transform':'matrix(1, 0, 0, 1, 0, 20)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 40, 1)'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'none'},
+      {'transform':'matrix(1, 0, 0, 1, 100, 0)'},
+      {'transform':'matrix(0.9397, 0.342, -0.342, 0.9397, 100, 0)'},
+      {'transform':'matrix(0.4184, 0.8972, -0.8972, 0.4184, 100, 0)'},
+      {'transform':'matrix(0.4698, 0.171, -0.171, 0.4698, 100, 0)'},
+    ]);
+  });
+  at(0.5 * 1000, function() {
+    assert_styles(".test", [
+      {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(0.9192, 0.3808, -0.3808, 0.9192, 5, 10)'},
+      {'transform':'matrix3d(0.7071, 0, -0.7071, 0, 0, 1, 0, 0, 0.7071, 0, 0.7071, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.9192, 0.3808, -0.3808, 0.9192, 5, 10)'},
+      {'transform':'matrix3d(0.6059, 0.3756, -0.6941, 0, -0.3756, 0.9068, 0.1629, 0, 0.6976, 0.1637, 0.6976, 0, 5, 10, 0, 1)'},
+      {'transform':'matrix3d(0.7071, 0, -0.7071, 0, 0, 1, 0, 0, 0.7071, 0, 0.7071, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(1, 0.2679, 0.1763, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0.364, 1, 0, 0)'},
+      {'transform':'matrix(1, 0.2679, 0, 1, 0, 0)'},
+      {'transform':'matrix(1.041, 0.2788, 0.6079, 1.035, 0, 0)'},
+      {'transform':'matrix(1.041, 0.2788, 0.3968, 1.072, 0, 0)'},
+      {'transform':'matrix(1, 0.5774, 0.2062, 1.014, 0, 0)'},
+      {'transform':'matrix(1.25, 0, 0, 1.5, 0, 0)'},
+      {'transform':'matrix(1.5, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0, 1.25, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.5, 0, 0, 0, 3, 1)'},
+      {'transform':'matrix(1.75, 0, 0, 1.5, 0, 0)'},
+      {'transform':'matrix(1.5, 0, 0, 1.25, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1.25, 0, 0, 0, 0, 1.5, 0, 0, 0, 4, 1)'},
+      {'transform':'matrix3d(1.25, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 4, 1)'},
+      {'transform':'matrix(0.866, 0.5, -0.5, 0.866, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 0.8192, 0.5736, 0, 0, -0.5736, 0.8192, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.766, 0, -0.6428, 0, 0, 1, 0, 0, 0.6428, 0, 0.766, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.8192, 0.5736, -0.5736, 0.8192, 0, 0)'},
+      {'transform':'matrix3d(0.9107, 0.3333, -0.244, 0, -0.244, 0.9107, 0.3333, 0, 0.3333, -0.244, 0.9107, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.8538, 0.4929, 0.1678, 0, -0.4929, 0.6613, 0.5654, 0, 0.1678, -0.5654, 0.8075, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.7461, 0.2265, -0.6261, 0, 0.2265, 0.7979, 0.5587, 0, 0.6261, -0.5587, 0.544, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.544, 0.5587, -0.6261, 0, -0.5587, 0.7979, 0.2265, 0, 0.6261, 0.2265, 0.7461, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.559, 0.8194, -0.1267, 0, -0.7305, 0.559, 0.3922, 0, 0.3922, -0.1267, 0.9111, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.6277, 0.7651, -0.1438, 0, -0.6771, 0.6277, 0.3841, 0, 0.3841, -0.1438, 0.912, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(1, 0, 0, 1, 5, 10)'},
+      {'transform':'matrix(1, 0, 0, 1, 5, 0)'},
+      {'transform':'matrix(1, 0, 0, 1, 0, 10)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5, 10, 20, 1)'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 10)'},
+      {'transform':'matrix(1, 0, 0, 1, 5, 10)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 15, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5, 10, 35, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 20, 1)'},
+      {'transform':'matrix(1, 0, 0, 1, 50, 0)'},
+      {'transform':'matrix(0.9848, 0.1736, -0.1736, 0.9848, 50, 0)'},
+      {'transform':'matrix(0.8392, 0.5346, -0.5346, 0.8392, 50, 0)'},
+      {'transform':'matrix(0.7386, 0.1302, -0.1302, 0.7386, 50, 0)'},
+      {'transform':'matrix(0.9848, 0.1736, -0.1736, 0.9848, 100, 0)'},
+      {'transform':'matrix(0.7335, 0.6722, -0.6722, 0.7335, 100, 0)'},
+      {'transform':'matrix(0.5493, 0.5033, -0.5033, 0.5493, 100, 0)'},
+      {'transform':'matrix(0.7386, 0.1302, -0.1302, 0.7386, 100, 0)'},
+    ]);
+  });
+  // This check is equivalent to checking at t=1000ms, it is placed all the way out here to allow manual viewing
+  // to inspect multiple cycles of the animation at a time. The animation stops after all checks have completed.
+  at(100001 * 1000, function() {
+    assert_styles(".test", [
+      {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(0.7, 0.7, -0.7, 0.7, 10, 20)'},
+      {'transform':'matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.7, 0.7, -0.7, 0.7, 10, 20)'},
+      {'transform':'matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0.5774, 0.364, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0.8391, 1, 0, 0)'},
+      {'transform':'matrix(1, 0.5774, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0.8391, 1, 0, 0)'},
+      {'transform':'matrix(1, 0.5774, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0.5774, 0.364, 1, 0, 0)'},
+      {'transform':'matrix(1.5, 0, 0, 2, 0, 0)'},
+      {'transform':'matrix(2, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0, 1.5, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 8, 1)'},
+      {'transform':'matrix(2, 0, 0, 1, 0, 0)'},
+      {'transform':'matrix(1, 0, 0, 1.5, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 0, 8, 1)'},
+      {'transform':'matrix(1.5, 0, 0, 2, 0, 0)'},
+      {'transform':'matrix(0.5, 0.866, -0.866, 0.5, 0, 0)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 0.342, 0.9397, 0, 0, -0.9397, 0.342, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.1736, 0, -0.9848, 0, 0, 1, 0, 0, 0.9848, 0, 0.1736, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.342, 0.9397, -0.9397, 0.342, 0, 0)'},
+      {'transform':'matrix3d(0.6667, 0.6667, -0.3333, 0, -0.3333, 0.6667, 0.6667, 0, 0.6667, -0.3333, 0.6667, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 0.342, 0.9397, 0, 0, -0.9397, 0.342, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix3d(0.1736, 0, -0.9848, 0, 0, 1, 0, 0, 0.9848, 0, 0.1736, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.342, 0.9397, -0.9397, 0.342, 0, 0)'},
+      {'transform':'matrix3d(0.6667, 0.6667, -0.3333, 0, -0.3333, 0.6667, 0.6667, 0, 0.6667, -0.3333, 0.6667, 0, 0, 0, 0, 1)'},
+      {'transform':'matrix(0.5, 0.866, -0.866, 0.5, 0, 0)'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 20)'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 0)'},
+      {'transform':'matrix(1, 0, 0, 1, 0, 20)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 40, 1)'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 0)'},
+      {'transform':'matrix(1, 0, 0, 1, 0, 20)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1)'},
+      {'transform':'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 20, 40, 1)'},
+      {'transform':'matrix(1, 0, 0, 1, 10, 20)'},
+      {'transform':'matrix(1, 0, 0, 1, 100, 0)'},
+      {'transform':'matrix(0.9397, 0.342, -0.342, 0.9397, 100, 0)'},
+      {'transform':'matrix(0.4184, 0.8972, -0.8972, 0.4184, 100, 0)'},
+      {'transform':'matrix(0.4698, 0.171, -0.171, 0.4698, 100, 0)'},
+      {'transform':'matrix(0.9397, 0.342, -0.342, 0.9397, 100, 0)'},
+      {'transform':'matrix(0.4184, 0.8972, -0.8972, 0.4184, 100, 0)'},
+      {'transform':'matrix(0.4698, 0.171, -0.171, 0.4698, 100, 0)'},
+      {'transform':'matrix(1, 0, 0, 1, 100, 0)'},
+    ]);
+  });
+}, "Auto generated tests");