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

polymer-core-rails 0.1.0 → 0.2.0

Files changed (856) hide show

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

@@ -0,0 +1,42 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(".anim", [
+      {'boxShadow':'rgb(0, 0, 255) -20px -20px 0px 0px'},
+      {'boxShadow':'rgb(0, 0, 255) -20px -20px 8px 0px inset'},
+      {'boxShadow':'rgb(0, 0, 255) 20px 20px 8px 0px inset'},
+      {'boxShadow':'none'},
+    ]);
+  });
+  at(1 * 1000, function() {
+    assert_styles(".anim", [
+      {'boxShadow':'rgb(0, 32, 191) -10px -10px 3px 2px'},
+      {'boxShadow':'rgb(0, 32, 191) -10px -10px 9px 2px inset'},
+      {'boxShadow':'rgb(0, 0, 255) 20px 20px 8px 0px inset'},
+      {'boxShadow':'none'},
+    ]);
+  });
+  at(2 * 1000, function() {
+    assert_styles(".anim", [
+      {'boxShadow':'rgb(0, 64, 128) 0px 0px 6px 4px'},
+      {'boxShadow':'rgb(0, 64, 128) 0px 0px 10px 4px inset'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+    ]);
+  });
+  at(3 * 1000, function() {
+    assert_styles(".anim", [
+      {'boxShadow':'rgb(0, 96, 64) 10px 10px 9px 6px'},
+      {'boxShadow':'rgb(0, 96, 64) 10px 10px 11px 6px inset'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+    ]);
+  });
+  at(4 * 1000, function() {
+    assert_styles(".anim", [
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px inset'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+      {'boxShadow':'rgb(0, 128, 0) 20px 20px 12px 8px'},
+    ]);
+  });
+}, "Auto generated tests");

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

@@ -0,0 +1,40 @@
+<!--
+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">
+<script src="../bootstrap.js"></script>
+<style>
+.anim {
+  margin: 50px;
+  width: 50px;
+  height: 50px;
+  background-color: black;
+  display: inline-block;
+}
+</style>
+<div class="anim" id="a"></div>
+<div class="anim" id="b"></div>
+<div class="anim" id="c"></div>
+<div class="anim" id="d"></div>
+<script>
+'use strict';
+a.animate([{boxShadow: '-20px -20px blue'}, {boxShadow: '20px 20px 12px 8px green'}], {duration: 4 * 1000, fill: 'forwards'});
+b.animate([{boxShadow: 'inset -20px -20px 8px blue'}, {boxShadow: 'inset 20px 20px 12px 8px green'}], {duration: 4 * 1000, fill: 'forwards'});
+c.animate([{boxShadow: 'inset 20px 20px 8px blue'}, {boxShadow: '20px 20px 12px 8px green'}], {duration: 4 * 1000, fill: 'forwards'});
+d.animate([{boxShadow: '20px 20px 12px 8px green'}], {duration: 4 * 1000, fill: 'forwards'});
+</script>

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

@@ -0,0 +1,41 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(".anim",{'width':'50px'});
+  });
+  at(0.5 * 1000, function() {
+    assert_styles(".anim", [
+      {'width':'81.25px'},
+      {'width':'81.25px'},
+      {'width':'137.5px'},
+      {'width':'81.25px'},
+      {'width':'95.3125px'},
+      {'width':'95.3125px'},
+      {'width':'95.3125px'},
+    ]);
+  });
+  at(1 * 1000, function() {
+    assert_styles(".anim", [
+      {'width':'150px'},
+      {'width':'150px'},
+      {'width':'225px'},
+      {'width':'150px'},
+      {'width':'168.75px'},
+      {'width':'168.75px'},
+      {'width':'168.75px'},
+    ]);
+  });
+  at(1.5 * 1000, function() {
+    assert_styles(".anim", [
+      {'width':'256.25px'},
+      {'width':'256.25px'},
+      {'width':'312.5px'},
+      {'width':'256.25px'},
+      {'width':'270.3125px'},
+      {'width':'270.3125px'},
+      {'width':'270.3125px'},
+    ]);
+  });
+  at(2 * 1000, function() {
+    assert_styles(".anim",{'width':'400px'});
+  });
+}, "Auto generated tests");

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

@@ -0,0 +1,156 @@
+<!--
+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 {
+  fill: lightsteelblue;
+  background-color: lightsteelblue;
+  height: 50px;
+  position: absolute;
+}
+#a {
+  width: 50px;
+}
+#b {
+  width: 25%;
+  top: 50px;
+}
+#c {
+  width: 50px;
+  top: 100px;
+}
+#d {
+  width: calc(25px + 12.5%);
+  top: 150px;
+}
+#e {
+  width: 50px;
+  top: 200px;
+}
+#f {
+  width: 25%;
+  top: 250px;
+}
+#g {
+  width: calc(100px - 25%);
+  top: 300px;
+}
+.expectation {
+  background-color: red;
+  position: absolute;
+  left: 0px;
+  height: 50px;
+}
+.expectation2 {
+  background-color: #F88;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 400px;
+  height: 350px;
+}
+.outer {
+  width: 200px;
+  background-color: green;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  height: 350px;
+}
+.spacer {
+  height: 400px;
+}
+</style>
+Blue lines should all hit the deep red boundary at the same time, then
+completely cover the light red box when the animation has finished.
+<div class="outer">
+  <div class="expectation2"></div>
+  <div class="expectation" style="top: 0px; width: 150px"></div>
+  <div class="anim" id="a"></div>
+  <div class="expectation" style="top: 50px; width: 187.5px"></div>
+  <div class="anim" id="b"></div>
+  <div class="expectation" style="top: 100px; width: 225px"></div>
+  <div class="anim" id="c"></div>
+  <div class="expectation" style="top: 150px; width: 168.75px"></div>
+  <div class="anim" id="d"></div>
+  <div class="expectation" style="top: 200px; width: 168.75px"></div>
+  <div class="anim" id="e"></div>
+  <div class="expectation" style="top: 250px; width: 218.75px"></div>
+  <div class="anim" id="f"></div>
+  <div class="expectation" style="top: 300px; width: 131.25px"></div>
+  <div class="anim" id="g"></div>
+</div>
+<div class="spacer">
+</div>
+<script>
+var expected_failures = [
+  {
+    browser_configurations: [
+      { firefox: true },
+      { msie: true },
+    ],
+    tests: ['Auto generated tests at t=500ms'],
+    message: 'Floating point issues.',
+  }
+];
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var dt = document.timeline;
+var timing = {duration: 2 * 1000, fill: 'forwards'};
+dt.play(new Animation(document.querySelector(".outer"),
+    {width: "800px"}, timing));
+// 50px -> 0px linear, 0% -> 50% (0px -> 400px quadratic)
+dt.play(new Animation(document.querySelector("#a"), {width: "50%"}, timing));
+// 25% -> 50% (50px -> 400px quadratic)
+dt.play(new Animation(document.querySelector("#b"), {width: "50%"}, timing));
+// 50px -> 400px linear
+dt.play(new Animation(document.querySelector("#c"),
+    {width: "400px"}, timing));
+// 25px -> 0px linear, 12.5% -> 50% (25px -> 400px quadratic)
+dt.play(new Animation(document.querySelector("#d"), {width: "50%"}, timing));
+// 50px -> 100px linear, 0% -> 37.5% (0px -> 300px quadratic)
+dt.play(new Animation(document.querySelector("#e"),
+    {width: "calc(37.5% + 100px)"}, timing));
+// 0px -> 100px linear, 25% -> 37.5% (50px -> 300px quadratic)
+dt.play(new Animation(document.querySelector("#f"),
+    {width: "calc(37.5% + 100px)"}, timing));
+// 100px -> 100px linear, -25% -> 37.5% (-50px -> 300px quadratic)
+dt.play(new Animation(document.querySelector("#g"),
+    {width: "calc(37.5% + 100px)"}, timing));
+</script>

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

@@ -0,0 +1,23 @@
+timing_test(function() {
+  at( 0.0, function() {assert_styles('#a', {'left':'0px'})}, "Autogenerated test at t= 0.0");
+  at( 1.0, function() {assert_styles('#a', {'left':'50px'})}, "Autogenerated test at t= 1.0");
+  at( 2.0, function() {assert_styles('#a', {'left':'100px'})}, "Autogenerated test at t= 2.0");
+  at( 3.0, function() {assert_styles('#a', {'left':'150px'})}, "Autogenerated test at t= 3.0");
+  at( 4.0, function() {assert_styles('#a', {'left':'200px'})}, "Autogenerated test at t= 4.0");
+  at( 5.0, function() {assert_styles('#a', {'left':'250px'})}, "Autogenerated test at t= 5.0");
+  at( 6.0, function() {assert_styles('#a', {'left':'300px'})}, "Autogenerated test at t= 6.0");
+  at( 7.0, function() {assert_styles('#a', {'left':'350px'})}, "Autogenerated test at t= 7.0");
+  at( 8.0, function() {assert_styles('#a', {'left':'400px'})}, "Autogenerated test at t= 8.0");
+  at( 9.0, function() {assert_styles('#a', {'left':'450px'})}, "Autogenerated test at t= 9.0");
+  at(10.0 * 1000, function() {assert_styles('#a', {'left':'500px'})}, "Autogenerated");
+  at(11.0 * 1000, function() {assert_styles('#a', {'left':'450px'})}, "Autogenerated");
+  at(12.0 * 1000, function() {assert_styles('#a', {'left':'400px'})}, "Autogenerated");
+  at(13.0 * 1000, function() {assert_styles('#a', {'left':'350px'})}, "Autogenerated");
+  at(14.0 * 1000, function() {assert_styles('#a', {'left':'300px'})}, "Autogenerated");
+  at(15.0 * 1000, function() {assert_styles('#a', {'left':'250px'})}, "Autogenerated");
+  at(16.0 * 1000, function() {assert_styles('#a', {'left':'200px'})}, "Autogenerated");
+  at(17.0 * 1000, function() {assert_styles('#a', {'left':'150px'})}, "Autogenerated");
+  at(18.0 * 1000, function() {assert_styles('#a', {'left':'100px'})}, "Autogenerated");
+  at(19.0 * 1000, function() {assert_styles('#a', {'left':'50px'})}, "Autogenerated");
+  at(20.0 * 1000, function() {assert_styles('#a', {'left':'0px'})}, "Autogenerated");
+}, "Autogenerated checks.");

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

@@ -0,0 +1,65 @@
+timing_test(function() {
+  at(0, function() {
+    assert_styles("#anim",{'transform':'matrix(0.7924, 0.61, -0.61, 0.7924, 117.5, 87.5)'});
+  });
+  at(1000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.9836, 0.1802, -0.1802, 0.9836, 145.7, 146.2)'});
+  });
+  at(2000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.9755, -0.2198, 0.2198, 0.9755, 209.2, 160.6)'});
+  });
+  at(3000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.4368, -0.8996, 0.8996, 0.4368, 260.1, 120)'});
+  });
+  at(4000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.9328, -0.3605, 0.3605, -0.9328, 260.2, 54.85)'});
+  });
+  at(5000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.9995, -0.03009, 0.03009, -0.9995, 209.2, 14.32)'});
+  });
+  at(6000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.7815, 0.6239, -0.6239, -0.7815, 145.7, 28.86)'});
+  });
+  at(7000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.7924, 0.61, -0.61, 0.7924, 247.5, 187.5)'});
+  });
+  at(8000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.9836, 0.1802, -0.1802, 0.9836, 275.7, 246.2)'});
+  });
+  at(9000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.9755, -0.2198, 0.2198, 0.9755, 339.2, 260.6)'});
+  });
+  at(10000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.4368, -0.8996, 0.8996, 0.4368, 390.1, 220)'});
+  });
+  at(11000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.9328, -0.3605, 0.3605, -0.9328, 390.2, 154.8)'});
+  });
+  at(12000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.9995, -0.03009, 0.03009, -0.9995, 339.2, 114.3)'});
+  });
+  at(13000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.7815, 0.6239, -0.6239, -0.7815, 275.7, 128.9)'});
+  });
+  at(14000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.7924, 0.61, -0.61, 0.7924, 377.5, 287.5)'});
+  });
+  at(15000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.9836, 0.1802, -0.1802, 0.9836, 405.7, 346.2)'});
+  });
+  at(16000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.9755, -0.2198, 0.2198, 0.9755, 469.2, 360.6)'});
+  });
+  at(17000, function() {
+    assert_styles("#anim",{'transform':'matrix(0.4368, -0.8996, 0.8996, 0.4368, 520.1, 320)'});
+  });
+  at(18000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.9328, -0.3605, 0.3605, -0.9328, 520.2, 254.8)'});
+  });
+  at(19000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.9995, -0.03009, 0.03009, -0.9995, 469.2, 214.3)'});
+  });
+  at(20000, function() {
+    assert_styles("#anim",{'transform':'matrix(-0.7815, 0.6239, -0.6239, -0.7815, 405.7, 228.9)'});
+  });
+}, "Auto generated tests");

data/app/assets/components/web-animations-js/test/testcases/auto-test-circular-path.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>
+.animation {
+  position: absolute;
+  width: 25px;
+  height: 25px;
+  top: 0px;
+  left: 0px;
+  background: lightsteelblue;
+}
+.expectation {
+  background: red;
+  position: absolute;
+  width: 25px;
+  height: 25px;
+  top: 0px;
+  left: 0px;
+}
+#e {
+  -webkit-transform: translate(117.5px, 87.5px);
+  transform: translate(117.5px, 87.5px);
+}
+svg {
+position:absolute;
+top: 0px;
+left: 0px;
+width: 800px;
+height: 600px;
+}
+</style>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <path id="path" d="M 130,100 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0 " />
+  <path d="M 130,100 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0 "
+      stroke="black" stroke-width="1" fill="none" />
+  <path d="M 260,200 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0 "
+      stroke="black" stroke-width="1" fill="none" />
+  <path d="M 390,300 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0 "
+      stroke="black" stroke-width="1" fill="none" />
+</svg>
+<div id="e" class="expectation"></div>
+<div id="anim" class="animation">&rarr;</div>
+<script>
+var expected_failures = [
+  {
+    browser_configurations: [
+      { firefox: true },
+      { msie: true },
+    ],
+    tests: ['Auto generated tests'],
+    message: 'Doesn\'t quite follow path correctly.',
+  }
+];
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var options = {autoRotate: 'auto-rotate', iterationComposite: 'accumulate'};
+var animFunc = new MotionPathEffect(
+    document.querySelector('#path').pathSegList, options);
+document.timeline.play(new Animation(document.querySelector("#anim"),
+    animFunc, {duration: 7 * 1000, iterations: 3}));
+</script>

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

@@ -0,0 +1,101 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(255, 0, 0)'},
+      {'background-color':'rgb(176, 196, 222)'},
+      {'background-color':'rgb(0, 128, 0)'},
+      {'background-color':'rgba(0, 0, 0, 0)'},
+      {'background-color':'rgba(255, 0, 255, 0)'},
+      {'background-color':'rgb(0, 0, 0)'},
+      {'background-color':'rgb(0, 0, 0)'},
+    ]);
+  });
+  at(0.25 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(223, 16, 0)'},
+      {'background-color':'rgb(154, 188, 194)'},
+      {'background-color':'rgb(128, 128, 0)'},
+      {'background-color':'rgba(255, 255, 255, 0.2471)'},
+      {'background-color':'rgba(255, 255, 255, 0.2471)'},
+      {'background-color':'rgb(32, 32, 32)'},
+      {'background-color':'rgb(32, 32, 32)'},
+    ]);
+  });
+  at(0.5 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(191, 32, 0)'},
+      {'background-color':'rgb(132, 179, 167)'},
+      {'background-color':'rgb(255, 128, 0)'},
+      {'background-color':'rgba(255, 255, 255, 0.498)'},
+      {'background-color':'rgba(255, 255, 255, 0.498)'},
+      {'background-color':'rgb(64, 64, 64)'},
+      {'background-color':'rgb(64, 64, 64)'},
+    ]);
+  });
+  at(0.75 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(159, 48, 0)'},
+      {'background-color':'rgb(110, 171, 139)'},
+      {'background-color':'rgb(191, 128, 64)'},
+      {'background-color':'rgba(255, 255, 255, 0.749)'},
+      {'background-color':'rgba(255, 255, 255, 0.749)'},
+      {'background-color':'rgb(96, 96, 96)'},
+      {'background-color':'rgb(96, 96, 96)'},
+    ]);
+  });
+  at(1 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(128, 64, 0)'},
+      {'background-color':'rgb(88, 162, 111)'},
+      {'background-color':'rgb(128, 128, 128)'},
+      {'background-color':'rgb(255, 255, 255)'},
+      {'background-color':'rgb(255, 255, 255)'},
+      {'background-color':'rgb(128, 128, 128)'},
+      {'background-color':'rgb(128, 128, 128)'},
+    ]);
+  });
+  at(1.25 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(96, 80, 0)'},
+      {'background-color':'rgb(66, 154, 83)'},
+      {'background-color':'rgb(64, 128, 191)'},
+      {'background-color':'rgba(255, 255, 255, 0.749)'},
+      {'background-color':'rgba(255, 255, 255, 0.749)'},
+      {'background-color':'rgb(159, 159, 159)'},
+      {'background-color':'rgb(159, 159, 159)'},
+    ]);
+  });
+  at(1.5 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(64, 96, 0)'},
+      {'background-color':'rgb(44, 145, 56)'},
+      {'background-color':'rgb(0, 128, 255)'},
+      {'background-color':'rgba(255, 255, 255, 0.498)'},
+      {'background-color':'rgba(255, 255, 255, 0.498)'},
+      {'background-color':'rgb(191, 191, 191)'},
+      {'background-color':'rgb(191, 191, 191)'},
+    ]);
+  });
+  at(1.75 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(32, 112, 0)'},
+      {'background-color':'rgb(22, 137, 28)'},
+      {'background-color':'rgb(0, 128, 128)'},
+      {'background-color':'rgba(255, 255, 255, 0.2471)'},
+      {'background-color':'rgba(255, 255, 255, 0.2471)'},
+      {'background-color':'rgb(223, 223, 223)'},
+      {'background-color':'rgb(223, 223, 223)'},
+    ]);
+  });
+  at(2 * 1000, function() {
+    assert_styles(".anim", [
+      {'background-color':'rgb(0, 128, 0)'},
+      {'background-color':'rgb(0, 128, 0)'},
+      {'background-color':'rgb(0, 128, 0)'},
+      {'background-color':'rgba(0, 0, 0, 0)'},
+      {'background-color':'rgba(255, 0, 255, 0)'},
+      {'background-color':'rgb(255, 255, 255)'},
+      {'background-color':'rgb(255, 255, 255)'},
+    ]);
+  });
+}, "Auto generated tests");