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-compositor-checks.js ADDED Viewed

@@ -0,0 +1,26 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(".anim",{'x':'0px'});
+    assert_styles(".anim2",{'ctm':'{1, 0, 0, 1, 0, 0}'});
+  });
+  at(1 * 1000, function() {
+    assert_styles(".anim",{'x':'133.3px'});
+    assert_styles(".anim2",{'ctm':'{1, 0, 0, 1, 66.67, 66.67}'});
+  });
+  at(2 * 1000, function() {
+    assert_styles(".anim",{'x':'316.7px'});
+    assert_styles(".anim2",{'ctm':'{0.9239, 0.3827, -0.3827, 0.9239, 156.4, 142.9}'});
+  });
+  at(3 * 1000, function() {
+    assert_styles(".anim",{'x':'500px'});
+    assert_styles(".anim2",{'ctm':'{0.7071, 0.7071, -0.7071, 0.7071, 235.4, 235.4}'});
+  });
+  at(4 * 1000, function() {
+    assert_styles(".anim",{'x':'550px'});
+    assert_styles(".anim2",{'ctm':'{0.3827, 0.9239, -0.9239, 0.3827, 228.7, 269.3}'});
+  });
+  at(5 * 1000, function() {
+    assert_styles(".anim",{'x':'600px'});
+    assert_styles(".anim2",{'ctm':'{0, 1, -1, 0, 200, 300}'});
+  });
+}, "Auto generated tests");

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

@@ -0,0 +1,68 @@
+<!--
+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, .anim2 {
+  fill: lightsteelblue;
+}
+.expectation {
+  fill: red;
+}
+</style>
+<svg>
+  <rect class="expectation" x="200px" y="10px" width="100px" height="100px">
+  </rect>
+  <rect class="expectation" x="200px" y="20px" width="200px" height="200px">
+  </rect>
+  <rect class="anim" x="100px" y="10px" width="100px" height="100px"></rect>
+  <rect class="anim2" x="100px" y="10px" width="100px" height="100px"></rect>
+</svg>
+<script>
+var expected_failures = [
+  {
+    browser_configurations: [
+      { firefox: true },
+      { msie: true },
+    ],
+    tests: ['Auto generated tests at t=(1|2|3|4|5|6)000ms'],
+    message: 'Getting weird numbers in ctm.',
+  }
+];
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var rect = document.querySelector(".anim")
+var rect2 = document.querySelector(".anim2")
+var dt = document.timeline;
+dt.play(new Animation(rect, [{x: "0px"}, {x: "400px"}], {duration: 3 * 1000, fill: 'forwards'}));
+dt.play(new Animation(rect,
+    new KeyframeEffect([{x: "0px"}, {x: "200px"}], 'add'),
+    {delay: 1 * 1000, duration: 4 * 1000, fill: 'forwards'}));
+dt.play(new Animation(rect2, [
+  {transform: "translate(0px, 0px)"},
+  {transform: "translate(200px, 200px)"},
+], {duration: 3 * 1000, fill: 'forwards'}));
+dt.play(new Animation(rect2, new KeyframeEffect([
+  {transform: "rotate(0deg) translate(0px, 0px)"},
+  {transform: "rotate(90deg) translate(100px, 0px)"},
+], 'add'), {delay: 1 * 1000, duration: 4 * 1000, fill: 'forwards'}));
+</script>

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

@@ -0,0 +1,92 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(0.1 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(0.2 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(0.30000000000000004 * 1000, function() {
+    assert_styles(".anim",{'left':'133.3px'});
+  });
+  at(0.4 * 1000, function() {
+    assert_styles(".anim",{'left':'166.7px'});
+  });
+  at(0.5 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(0.6 * 1000, function() {
+    assert_styles(".anim",{'left':'133.3px'});
+  });
+  at(0.7 * 1000, function() {
+    assert_styles(".anim",{'left':'166.7px'});
+  });
+  at(800, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(0.8999999999999999 * 1000, function() {
+    assert_styles(".anim",{'left':'133.3px'});
+  });
+  at(0.9999999999999999 * 1000, function() {
+    assert_styles(".anim",{'left':'166.7px'});
+  });
+  at(1.0999999999999999 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(1.2 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(1.3 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(1.4000000000000001 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(1.5000000000000002 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(1.6000000000000003 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(1.7000000000000004 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(1.8000000000000005 * 1000, function() {
+    assert_styles(".anim",{'left':'133.3px'});
+  });
+  at(1.9000000000000006 * 1000, function() {
+    assert_styles(".anim",{'left':'166.7px'});
+  });
+  at(2.0000000000000004 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(2.1000000000000005 * 1000, function() {
+    assert_styles(".anim",{'left':'133.3px'});
+  });
+  at(2.2000000000000006 * 1000, function() {
+    assert_styles(".anim",{'left':'166.7px'});
+  });
+  at(2.3000000000000007 * 1000, function() {
+    assert_styles(".anim",{'left':'100px'});
+  });
+  at(2.400000000000001 * 1000, function() {
+    assert_styles(".anim",{'left':'133.3px'});
+  });
+  at(2.500000000000001 * 1000, function() {
+    assert_styles(".anim",{'left':'166.7px'});
+  });
+  at(2.600000000000001 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(2.700000000000001 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(2.800000000000001 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+  at(2.9000000000000012 * 1000, function() {
+    assert_styles(".anim",{'left':'200px'});
+  });
+}, "Auto generated tests");

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

@@ -0,0 +1,39 @@
+<!--
+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: #FAA;
+  position: relative;
+}
+</style>
+<div class='anim' id='a'></div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var anim = new Animation(a, [{ left: '100px'}, {left: '200px'}],
+  {delay: 0.2 * 1000, duration: 0.3 * 1000, endDelay: 0.4 * 1000, iterations: 3, fill: 'both'});
+var par = new AnimationGroup([anim], {fill: 'none', iterations: 2})
+document.timeline.play(par);
+</script>

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

@@ -0,0 +1,8 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles('body', {'display':'none'});
+  }, "Autogenerated");
+  at(0.5 * 1000, function() {
+    assert_styles('body', {'display':'block'});
+  }, "Autogenerated");
+}, "Autogenerated checks.");

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

@@ -0,0 +1,30 @@
+<!--
+Copyright 2013 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>
+body {
+  display: none;
+  background-color: green;
+}
+</style>
+<body>
+PASS
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+document.body.animate({display: 'block'}, 1000);
+</script>

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

@@ -0,0 +1,266 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'0px'}]);
+  }, "Autogenerated");
+  at(1 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'0px'}]);
+  }, "Autogenerated");
+  at(2 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'0px'}]);
+  }, "Autogenerated");
+  at(3 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'200px'},
+       {'left':'100px'},
+       {'left':'0px'}]);
+  }, "Autogenerated");
+  at(4 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'0px'}]);
+  }, "Autogenerated");
+  at(5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'100px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'0px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'200px'},
+       {'left':'0px'},
+       {'left':'0px'}]);
+  }, "Autogenerated");
+}, "Autogenerated checks.");