polymer-core-rails 0.1.0 → 0.2.0

data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-units-checks.js

@@ -0,0 +1,202 @@
+timing_test(function() {
+  at(0.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 40, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0.75, 24)'},
+       {'transform':'matrix(1, 0, 0, 1, 120, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 120.75, 24)'},
+       {'transform':'matrix(1, 0, 0, 1, 2.25, 72)'},
+       {'transform':'matrix(1, 0, 0, 1, 42.25, 72)'},
+       {'transform':'matrix(0.9762960071199334, 0.21643961393810288, -0.21643961393810288, 0.9762960071199334, 0, 0)'},
+       {'transform':'matrix(0.7316888688738209, 0.6816387600233341, -0.6816387600233341, 0.7316888688738209, 0, 0)'},
+       {'transform':'matrix(0.7071067811865476, 0.7071067811865475, -0.7071067811865475, 0.7071067811865476, 0, 0)'},
+       {'transform':'matrix(0.7933533402912352, 0.6087614290087207, -0.6087614290087207, 0.7933533402912352, 0, 0)'},
+       {'transform':'matrix(0.16553242255542416, 0.9862043485418894, -0.9862043485418894, 0.16553242255542416, 0, 0)'},
+       {'transform':'matrix(0.1305261922200517, 0.9914448613738104, -0.9914448613738104, 0.1305261922200517, 0, 0)'},
+       {'transform':'matrix(-0.6281736227227395, 0.778073196887921, -0.778073196887921, -0.6281736227227395, 0, 0)'},
+       {'transform':'matrix(-0.781689261992281, 0.62366809898051, -0.62366809898051, -0.781689261992281, 0, 0)'},
+       {'transform':'matrix(-0.9943666621687136, 0.1059950053891757, -0.1059950053891757, -0.9943666621687136, 0, 0)'},
+       {'transform':'matrix(-0.7071067811865475, 0.7071067811865476, -0.7071067811865476, -0.7071067811865475, 0, 0)'},
+       {'transform':'matrix(-0.8433914458128857, 0.5372996083468238, -0.5372996083468238, -0.8433914458128857, 0, 0)'},
+       {'transform':'matrix(-0.9993735504314827, 0.035390771367304535, -0.035390771367304535, -0.9993735504314827, 0, 0)'},
+       {'transform':'matrix(1, 0, -3.380515006246586, 1, 0, 0)'},
+       {'transform':'matrix(1, -3.380515006246586, 0.15838444032453627, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -0.8559934009085187, 1, 0, 0)'},
+       {'transform':'matrix(1, -3.380515006246586, -0.6143216646333806, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.8559934009085187, 0.5095254494944288, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.8559934009085187, -1.0545577214842652, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.07870170682461844, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.6483608274590866, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.24007875908011603, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 1.0522267420378377, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -6.405331196646276, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -4.20622653616987, 1, 0, 0)'},
+       {'transform':'matrix(1, -3.380515006246586, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.15838444032453627, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.8559934009085187, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.6143216646333806, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.5095254494944288, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, -1.0545577214842652, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+  at(1 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 80, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 1.5, 48)'},
+       {'transform':'matrix(1, 0, 0, 1, 80, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 81.5, 48)'},
+       {'transform':'matrix(1, 0, 0, 1, 1.5, 48)'},
+       {'transform':'matrix(1, 0, 0, 1, 81.5, 48)'},
+       {'transform':'matrix(0.9063077870366499, 0.42261826174069944, -0.42261826174069944, 0.9063077870366499, 0, 0)'},
+       {'transform':'matrix(0.0707372016677029, 0.9974949866040544, -0.9974949866040544, 0.0707372016677029, 0, 0)'},
+       {'transform':'matrix(0.00000000000000006123031769111886, 1, -1, 0.00000000000000006123031769111886, 0, 0)'},
+       {'transform':'matrix(0.9063077870366499, 0.42261826174069944, -0.42261826174069944, 0.9063077870366499, 0, 0)'},
+       {'transform':'matrix(-0.35744992062904685, 0.9339323070984792, -0.9339323070984792, -0.35744992062904685, 0, 0)'},
+       {'transform':'matrix(-0.42261826174069933, 0.90630778703665, -0.90630778703665, -0.42261826174069933, 0, 0)'},
+       {'transform':'matrix(0.0707372016677029, 0.9974949866040544, -0.9974949866040544, 0.0707372016677029, 0, 0)'},
+       {'transform':'matrix(-0.35744992062904685, 0.9339323070984792, -0.9339323070984792, -0.35744992062904685, 0, 0)'},
+       {'transform':'matrix(-0.9974949866040544, 0.07073720166770342, -0.07073720166770342, -0.9974949866040544, 0, 0)'},
+       {'transform':'matrix(0.00000000000000006123031769111886, 1, -1, 0.00000000000000006123031769111886, 0, 0)'},
+       {'transform':'matrix(-0.42261826174069933, 0.90630778703665, -0.90630778703665, -0.42261826174069933, 0, 0)'},
+       {'transform':'matrix(-0.9974949866040544, 0.07073720166770342, -0.07073720166770342, -0.9974949866040544, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.6483608274590866, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.6483608274590866, 0.3249196962329063, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.6483608274590866, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.6483608274590866, 1.2330389177361016, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.6483608274590866, 0.3249196962329063, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.6483608274590866, 1.2330389177361016, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.15838444032453627, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 2.237160944224742, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.15838444032453627, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 3.7101784049164297, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 2.237160944224742, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 3.7101784049164297, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.6483608274590866, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.3249196962329063, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.6483608274590866, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 1.2330389177361016, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.3249196962329063, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 1.2330389177361016, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+  at(1.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 120, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 2.25, 72)'},
+       {'transform':'matrix(1, 0, 0, 1, 40, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 42.25, 72)'},
+       {'transform':'matrix(1, 0, 0, 1, 0.75, 24)'},
+       {'transform':'matrix(1, 0, 0, 1, 120.75, 24)'},
+       {'transform':'matrix(0.7933533402912352, 0.6087614290087207, -0.6087614290087207, 0.7933533402912352, 0, 0)'},
+       {'transform':'matrix(-0.6281736227227395, 0.778073196887921, -0.778073196887921, -0.6281736227227395, 0, 0)'},
+       {'transform':'matrix(-0.7071067811865475, 0.7071067811865476, -0.7071067811865476, -0.7071067811865475, 0, 0)'},
+       {'transform':'matrix(0.9762960071199334, 0.21643961393810288, -0.21643961393810288, 0.9762960071199334, 0, 0)'},
+       {'transform':'matrix(-0.781689261992281, 0.62366809898051, -0.62366809898051, -0.781689261992281, 0, 0)'},
+       {'transform':'matrix(-0.8433914458128857, 0.5372996083468238, -0.5372996083468238, -0.8433914458128857, 0, 0)'},
+       {'transform':'matrix(0.7316888688738209, 0.6816387600233341, -0.6816387600233341, 0.7316888688738209, 0, 0)'},
+       {'transform':'matrix(0.16553242255542416, 0.9862043485418894, -0.9862043485418894, 0.16553242255542416, 0, 0)'},
+       {'transform':'matrix(-0.9993735504314827, 0.035390771367304535, -0.035390771367304535, -0.9993735504314827, 0, 0)'},
+       {'transform':'matrix(0.7071067811865476, 0.7071067811865475, -0.7071067811865475, 0.7071067811865476, 0, 0)'},
+       {'transform':'matrix(0.1305261922200517, 0.9914448613738104, -0.9914448613738104, 0.1305261922200517, 0, 0)'},
+       {'transform':'matrix(-0.9943666621687136, 0.1059950053891757, -0.1059950053891757, -0.9943666621687136, 0, 0)'},
+       {'transform':'matrix(1, 0, -0.8559934009085187, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.8559934009085187, 0.5095254494944288, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -3.380515006246586, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.8559934009085187, -1.0545577214842652, 1, 0, 0)'},
+       {'transform':'matrix(1, -3.380515006246586, 0.15838444032453627, 1, 0, 0)'},
+       {'transform':'matrix(1, -3.380515006246586, -0.6143216646333806, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.24007875908011603, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -6.405331196646276, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.07870170682461844, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -4.20622653616987, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.6483608274590866, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 1.0522267420378377, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.8559934009085187, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.5095254494944288, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, -3.380515006246586, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, -1.0545577214842652, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.15838444032453627, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, -0.6143216646333806, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+  at(2 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 160, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 3, 96)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 3, 96)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 160, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(-0.9899924966004454, 0.1411200080598672, -0.1411200080598672, -0.9899924966004454, 0, 0)'},
+       {'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(-0.9899924966004454, 0.1411200080598672, -0.1411200080598672, -0.9899924966004454, 0, 0)'},
+       {'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(-0.9899924966004454, 0.1411200080598672, -0.1411200080598672, -0.9899924966004454, 0, 0)'},
+       {'transform':'matrix(1, 0, 2.237160944224742, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0.7265425280053609, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0.7265425280053609, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 2.237160944224742, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.3249196962329063, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -1.117214930923896, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -1.117214930923896, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.3249196962329063, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.7265425280053609, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.7265425280053609, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+  at(2.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 160, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 3, 96)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 3, 96)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 160, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(-0.9899924966004454, 0.1411200080598672, -0.1411200080598672, -0.9899924966004454, 0, 0)'},
+       {'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(-0.9899924966004454, 0.1411200080598672, -0.1411200080598672, -0.9899924966004454, 0, 0)'},
+       {'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(0.6427876096865394, 0.766044443118978, -0.766044443118978, 0.6427876096865394, 0, 0)'},
+       {'transform':'matrix(-0.9899924966004454, 0.1411200080598672, -0.1411200080598672, -0.9899924966004454, 0, 0)'},
+       {'transform':'matrix(1, 0, 2.237160944224742, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0.7265425280053609, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0.7265425280053609, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 2.237160944224742, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.3249196962329063, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -1.117214930923896, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, -1.117214930923896, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0.3249196962329063, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.7265425280053609, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0.7265425280053609, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 2.237160944224742, 0, 1, 0, 0)'}]);
+  }, "Autogenerated");
+}, "Autogenerated checks.");

data/app/assets/components/web-animations-js/test/testcases/auto-test-transform-units.html

@@ -0,0 +1,98 @@
+<!--
+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: 30px;
+  height: 30px;
+  background-color: lightsteelblue;
+  position: absolute;
+}
+
+.expected {
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  background-color: red;
+}
+</style>
+<div style="height: 400px"></div>
+
+<script>
+var expected_failures = [
+  {
+    browser_configurations: [{ msie: true }],
+    tests: ['Autogenerated'],
+    message: 'Floating point issues.',
+  }
+];
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+
+var transformValues = [
+  ['translate(0px, 0px)', 'translate(10em)', 'translate(10%, 1in)'],
+  ['rotate(0deg)', 'rotate(50deg)', 'rotate(3rad)', 'rotate(200grad)'],
+  ['skew(0deg)', 'skew(20rad)', 'skew(40grad, 20rad)'],
+  ['skewX(0deg)', 'skewX(20grad)', 'skewX(40rad)'],
+  ['skewY(0deg)', 'skewY(20rad)', 'skewY(40grad)']
+];
+
+var separation_x = 100;
+var separation_y = 50;
+var max_x = 1000;
+
+var toplevel = document.querySelector("div");
+var y = 50;
+var animations = [];
+for (var i = 0; i < transformValues.length; i++) {
+  var x = 10;
+  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.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;
+}
+
+animations.forEach(function(anim) { document.timeline.play(anim); });
+</script>

data/app/assets/components/web-animations-js/test/testcases/auto-test-visibility-checks.js

@@ -0,0 +1,54 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(
+      '.test',
+      [{'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'hidden'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'},
+       {'visibility':'collapse'},
+       {'visibility':'collapse'}]);
+  }, "Autogenerated");
+  at(0.2 * 1000, function() {
+    assert_styles(
+      '.test',
+      [{'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'hidden'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'},
+       {'visibility':'collapse'},
+       {'visibility':'collapse'}]);
+  }, "Autogenerated");
+  at(0.4 * 1000, function() {
+    assert_styles(
+      '.test',
+      [{'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'},
+       {'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'}]);
+  }, "Autogenerated");
+  at(0.6000000000000001 * 1000, function() {
+    assert_styles(
+      '.test',
+      [{'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'},
+       {'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'},
+       {'visibility':'visible'},
+       {'visibility':'hidden'},
+       {'visibility':'collapse'}]);
+  }, "Autogenerated");
+}, "Autogenerated checks.");

data/app/assets/components/web-animations-js/test/testcases/auto-test-visibility.html

@@ -0,0 +1,80 @@
+<!--
+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">
+<body>
+<style>
+body {
+  margin: 0px;
+}
+.test {
+  height: 50px;
+  background: lightsteelblue;
+}
+.red {
+  background: red;
+}
+.expectation {
+  position: relative;
+  background: red;
+}
+</style>
+<script>
+"use strict";
+// Create the elements
+var states = {'visible':1, 'hidden':1, 'collapse':1};
+for (var start in states) {
+  for (var end in states) {
+    var frames = [start, end];
+    var testContainer = document.createElement('div');
+    testContainer.textContent = 'visibility: ' + JSON.stringify(frames);
+    document.body.appendChild(testContainer);
+    if (end == 'visible') {
+      var expectation = document.createElement('div');
+      expectation.classList.add('expectation');
+      testContainer.appendChild(expectation);
+    }
+    var testElement = document.createElement('div');
+    testElement.classList.add('test');
+    testElement.id = start + "_" + end
+    if (end == 'hidden' || end == 'collapse') {
+      testElement.classList.add('red');
+    }
+    testContainer.appendChild(testElement);
+  }
+}
+
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var timing = {duration: 0.5 * 1000, easing: 'steps(2, end)', fill: 'forwards'};
+
+// Add the animations
+var animations = [];
+for (var start in states) {
+  for (var end in states) {
+    var effect = [{visibility: start}, {visibility: end}];
+    var testElement = document.getElementById(start + "_" + end);
+    animations.push(
+        new Animation(testElement, effect, timing));
+  }
+}
+</script>
+<script>
+"use strict";
+animations.forEach(function(anim) { document.timeline.play(anim); });
+</script>

data/app/assets/components/web-animations-js/test/testcases/auto-test-wrapping-bug-checks.js

@@ -0,0 +1,58 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'}]);
+  }, "Autogenerated");
+  at(0.1 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'}]);
+  }, "Autogenerated");
+  at(0.2 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'}]);
+  }, "Autogenerated");
+  at(0.30000000000000004 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, -666.6666870117188, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -533.3333129882813, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -533.3599853515625, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -533.3333129882813, 0)'}]);
+  }, "Autogenerated");
+  at(0.4 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, -400, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -266.6666564941406, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -266.6933288574219, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -266.6666564941406, 0)'}]);
+  }, "Autogenerated");
+  at(0.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, -133.3333282470703, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -0.02666666731238365, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'}]);
+  }, "Autogenerated");
+  at(0.6 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, 0, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'},
+       {'transform':'matrix(1, 0, 0, 1, -800, 0)'}]);
+  }, "Autogenerated");
+}, "Autogenerated checks.");

data/app/assets/components/web-animations-js/test/testcases/auto-test-wrapping-bug.html

@@ -0,0 +1,60 @@
+<!--
+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 {
+    width: 800px;
+    height: 70px;
+    -webkit-transform: translate(-800px, 0px);
+    transform: translate(-800px, 0px);
+    background-color: lightsteelblue;
+}
+</style>
+<div class="anim" id="overflow"></div>
+<div class="anim" id="overflowControl"></div>
+<div class="anim" id="underflow"></div>
+<div class="anim" id="underflowControl"></div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+
+var effect = [{transform: "translate(-800px,0px)"}, {transform: "translate(0px,0px)"}];
+
+var group = new AnimationGroup();
+document.timeline.play(new AnimationGroup([
+    new Animation(overflow,
+                  effect,
+                  { duration: 0.3 * 1000, delay: 0.25 * 1000, fill: 'forwards' })]));
+
+document.timeline.play(new AnimationGroup([
+    new Animation(overflowControl,
+                  effect,
+                  { duration: 0.3 * 1000, delay: 0.2 * 1000, fill: 'forwards' })]));
+
+document.timeline.play(new AnimationGroup([
+    new Animation(underflow,
+                  effect,
+                  { duration: 0.3 * 1000, delay: 0.20001 * 1000, fill: 'none' })]));
+
+document.timeline.play(new AnimationGroup([
+    new Animation(underflowControl,
+                  effect,
+                  { duration: 0.3 * 1000, delay: 0.2 * 1000, fill: 'none' })]));
+
+</script>
+
+

data/app/assets/components/web-animations-js/test/testcases/disabled-auto-test-change-playback-rate.html

@@ -0,0 +1,65 @@
+<!--
+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.
+-->
+
+
+<!--
+This test is currently broken.
+1) The test doesn't work without simulating all the frames
+2) The test fails when you simulate on t=0 boundary because currentTime_ ends
+   up null
+3) The test fails when you simulate on t=0 boundary because relativeTime
+   returns null when zeroTime is null
+-->
+
+
+<!DOCTYPE html><meta charset="UTF-8">
+<style>
+.anim {
+  left: 0px;
+  width: 100px;
+  height: 100px;
+  background-color: #FAA;
+  position: absolute;
+}
+
+#a {
+  top: 0px
+}
+</style>
+
+<div id="a" class="anim a"></div>
+
+
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+
+var a1 = new Animation(document.querySelector("#a"),
+    [{left: "0px"}, {left: "500px"}],
+    {duration: 10 * 1000, direction: 'alternating', iterations: Infinity});
+var player1 = document.timeline.play(a1);
+
+var a2 = new Animation(undefined,
+    function(timeFraction) {
+      var playbackRate = 0.01 + 10 * timeFraction;
+      player1.playbackRate  = playbackRate
+      player2.playbackRate = playbackRate;
+      document.querySelector("#a").textContent = playbackRate;
+    },
+    a1.timing.clone());
+var player2 = document.timeline.play(a2);
+
+</script>