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-matrix-transforms.html ADDED Viewed

@@ -0,0 +1,90 @@
+<!--
+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 {
+  background-color: lightsteelblue;
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  top: 0px;
+  left: 0px;
+}
+#b {
+  top: 100px;
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+}
+#c {
+  top: 200px;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+#d {
+  top: 300px;
+  -webkit-transform: rotate(45deg) translate(100px);
+  transform: rotate(45deg) translate(100px);
+}
+#e {
+  top: 400px;
+  -webkit-transform: scale(2) rotate(45deg) translate(100px);
+  transform: scale(2) rotate(45deg) translate(100px);
+}
+.expectation {
+  fill: red;
+}
+</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>
+<div class="anim" id="e"></div>
+<div style="height: 550px"></div>
+<script>
+var expected_failures = [
+  {
+    browser_configurations: [{ msie: true }],
+    tests: ['Auto generated tests at t=((?!(4|8|1200.0+1|16|2))[0-9.]+)ms'],
+    message: 'Getting weird numbers.',
+  }
+];
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var a = document.querySelector("#a")
+var b = document.querySelector("#b")
+var c = document.querySelector("#c")
+var d = document.querySelector("#d")
+var e = document.querySelector("#e")
+var dt = document.timeline;
+var timing = {duration: 2 * 1000, fill: 'forwards'};
+dt.play(new Animation(a, {transform: "translate(100px)"}, timing));
+dt.play(new Animation(b, {transform: "translate(100px)"}, timing));
+dt.play(new Animation(c, {transform: "translate(100px)"}, timing));
+dt.play(new Animation(d, {transform: "translate(100px) rotate(45deg)"}, timing));
+dt.play(new Animation(e,
+    {transform: "translate(100px) rotate(20deg) scale(0.5)"}, timing));
+</script>

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

@@ -0,0 +1,110 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.9701425001453319, 0.24253562503633294, -0.24253562503633294, 0.9701425001453319, 387.5, 87.5)'});
+  }, "Check #animTR at t=0ms");
+  at(0 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.315770091409682, 0.9488357336078364, -0.9488357336078364, 0.315770091409682, 87.5, 287.5)'});
+  }, "Check #animBL at t=0ms");
+  at(0 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(0.7992672511833444, 0.6009757575691558, -0.6009757575691558, 0.7992672511833444, 387.5, 287.5)'});
+  }, "Check #animBR at t=0ms");
+  at(1 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.9701425001453319, 0.24253562503633294, -0.24253562503633294, 0.9701425001453319, 387.5, 87.5)'});
+  }, "Check #animTR at t=1000ms");
+  at(1 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.00000000000000006123031769111886, -1, 1, 0.00000000000000006123031769111886, 87.5, 237.5)'});
+  }, "Check #animBL at t=1000ms");
+  at(1 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(0.00000000000000006123031769111886, -1, 1, 0.00000000000000006123031769111886, 387.5, 237.5)'});
+  }, "Check #animBR at t=1000ms");
+  at(2 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.9701425001453319, 0.24253562503633294, -0.24253562503633294, 0.9701425001453319, 387.5, 87.5)'});
+  }, "Check #animTR at t=2000ms");
+  at(2 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(1, 0, 0, 1, 137.5, 237.5)'});
+  }, "Check #animBL at t=2000ms");
+  at(2 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(1, 0, 0, 1, 437.5, 237.5)'});
+  }, "Check #animBR at t=2000ms");
+  at(3 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.00000000000000006123031769111886, -1, 1, 0.00000000000000006123031769111886, 387.5, 62.5)'});
+  }, "Check #animTR at t=3000ms");
+  at(3 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(1, 0, 0, 1, 187.5, 237.5)'});
+  }, "Check #animBL at t=3000ms");
+  at(3 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(1, 0, 0, 1, 487.5, 237.5)'});
+  }, "Check #animBR at t=3000ms");
+  at(4 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.00000000000000006123031769111886, -1, 1, 0.00000000000000006123031769111886, 387.5, 37.5)'});
+  }, "Check #animTR at t=4000ms");
+  at(4 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.5753043900207572, 0.8179393980135964, -0.8179393980135964, 0.5753043900207572, 216.27749633789063, 278.3883361816406)'});
+  }, "Check #animBL at t=4000ms");
+  at(4 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(0.309, -0.9511, 0.9511, 0.309, 387.5, 287.5)'});
+  }, "Check #animBR at t=4000ms");
+  at(5 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(1, 0, 0, 1, 437.5, 37.5)'});
+  }, "Check #animTR at t=5000ms");
+  at(5 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.5742821086196931, 0.818657473989775, -0.818657473989775, 0.5742821086196931, 245.05499267578125, 319.27667236328125)'});
+  }, "Check #animBL at t=5000ms");
+  at(5 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(0, -1, 1, 0, 387.5, 287.5)'});
+  }, "Check #animBR at t=5000ms");
+  at(6 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(1, 0, 0, 1, 487.5, 37.5)'});
+  }, "Check #animTR at t=6000ms");
+  at(6 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.5763239825284185, 0.8172213085588157, -0.8172213085588157, 0.5763239825284185, 273.8324890136719, 360.1650085449219)'});
+  }, "Check #animBL at t=6000ms");
+  at(6 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(-0.309, -0.9511, 0.9511, -0.309, 387.5, 287.5)'});
+  }, "Check #animBR at t=6000ms");
+  at(7 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.5742821086196931, 0.818657473989775, -0.818657473989775, 0.5742821086196931, 530.666259765625, 98.83250427246094)'});
+  }, "Check #animTR at t=7000ms");
+  at(7 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(-0.9318041877673755, -0.36296136937583534, 0.36296136937583534, -0.9318041877673755, 227.24935913085938, 341.998779296875)'});
+  }, "Check #animBL at t=7000ms");
+  at(7 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(-0.931197578528315, -0.3645148415949653, 0.3645148415949653, -0.931197578528315, 527.2493896484375, 341.998779296875)'});
+  }, "Check #animBR at t=7000ms");
+  at(8 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.5742821086196931, 0.818657473989775, -0.818657473989775, 0.5742821086196931, 573.83251953125, 160.16500854492188)'});
+  }, "Check #animTR at t=8000ms");
+  at(8 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(-0.932004671541296, -0.36244626115494827, 0.36244626115494827, -0.932004671541296, 180.66622924804688, 323.83251953125)'});
+  }, "Check #animBL at t=8000ms");
+  at(8 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(-0.932004671541296, -0.36244626115494827, 0.36244626115494827, -0.932004671541296, 480.6662292480469, 323.83251953125)'});
+  }, "Check #animBR at t=8000ms");
+  at(9 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(-0.932004671541296, -0.36244626115494827, 0.36244626115494827, -0.932004671541296, 480.6662292480469, 123.83251953125)'});
+  }, "Check #animTR at t=9000ms");
+  at(9 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(-0.9318041877673755, -0.36296136937583534, 0.36296136937583534, -0.9318041877673755, 134.08311462402344, 305.666259765625)'});
+  }, "Check #animBL at t=9000ms");
+  at(9 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(-0.9316028474785737, -0.3634778322949191, 0.3634778322949191, -0.9316028474785737, 434.0831298828125, 305.666259765625)'});
+  }, "Check #animBR at t=9000ms");
+  at(10 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.9701425001453319, 0.24253562503633294, -0.24253562503633294, 0.9701425001453319, 387.5, 87.5)'});
+  }, "Check #animTR at t=10000ms");
+  at(10 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.315770091409682, 0.9488357336078364, -0.9488357336078364, 0.315770091409682, 87.5, 287.5)'});
+  }, "Check #animBL at t=10000ms");
+  at(10 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(0.7992672511833444, 0.6009757575691558, -0.6009757575691558, 0.7992672511833444, 387.5, 287.5)'});
+  }, "Check #animBR at t=10000ms");
+  at(11 * 1000, function() {
+    assert_styles("#animTR", {'transform':'matrix(0.9701425001453319, 0.24253562503633294, -0.24253562503633294, 0.9701425001453319, 387.5, 87.5)'});
+  }, "Check #animTR at t=11000ms");
+  at(11 * 1000, function() {
+    assert_styles("#animBL", {'transform':'matrix(0.00000000000000006123031769111886, -1, 1, 0.00000000000000006123031769111886, 87.5, 237.5)'});
+  }, "Check #animBL at t=11000ms");
+  at(11 * 1000, function() {
+    assert_styles("#animBR", {'transform':'matrix(0.00000000000000006123031769111886, -1, 1, 0.00000000000000006123031769111886, 387.5, 237.5)'});
+  }, "Check #animBR at t=11000ms");
+}, "Autogenerated checks.");

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

@@ -0,0 +1,133 @@
+<!--
+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;
+}
+#eTR {
+  -webkit-transform: translate(387.5px, 87.5px);
+  transform: translate(387.5px, 87.5px);
+}
+#eBL {
+  -webkit-transform: translate(87.5px, 287.5px);
+  transform: translate(87.5px, 287.5px);
+}
+#eBR, #animBR {
+  -webkit-transform: translate(387.5px, 287.5px);
+  transform: translate(387.5px, 287.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=pathTR d="M400,100l0,0l0,-50l100,0l86.3325,122.665z" />
+  <path d="M400,100l0,0l0,-50l100,0l86.3325,122.665z" stroke="black"
+      stroke-width="1" fill="none" />
+  <path id=pathBL d="M100,300l0,0l0,-50l100,0l86.3325,122.665z" />
+  <path d="M100,300l0,0l0,-50l100,0l86.3325,122.665z" stroke="black"
+      stroke-width="1" fill="none" />
+  <path id=pathBR d="M400,300l0,0l0,-50l100,0l86.3325,122.665z" />
+  <path d="M400,300l0,0l0,-50l100,0l86.3325,122.665z" stroke="black"
+      stroke-width="1" fill="none" />
+</svg>
+<div id="eTR" class="expectation"></div>
+<div id="animTR" class="animation">&rarr;</div>
+<div id="eBL" class="expectation"></div>
+<div id="animBL" class="animation">&rarr;</div>
+<div id="eBR" class="expectation"></div>
+<div id="animBR" class="animation">&rarr;</div>
+<script>
+var expected_failures = [
+  {
+    browser_configurations: [{ firefox: true }],
+    tests: [
+      '#animTR at t=(0|(1|2|10|11)000)ms',
+      '#animBL at t=(0|(7|8|10)000)ms',
+      '#animBR at t=(0|10000)ms',
+    ],
+    message: 'Doesn\'t quite follow path correctly.',
+  }, {
+    browser_configurations: [{ firefox: true, version: '29|30|31' }],
+    tests: [
+      '#animTR at t=9000ms',
+      '#animBL at t=5000ms',
+      '#animBR at t=(3|8|9)000ms',
+    ],
+    message: 'Doesn\'t quite follow path correctly.',
+  }, {
+    browser_configurations: [{ msie: true }],
+    tests: [
+      '#animTR at t=(0|(1|2|3|4|9|10|11)000)ms',
+      '#animBL at t=(0|(1|3|4|7|8|10|11)000)ms',
+      '#animBR at t=(0|(1|3|9|10|11)000)ms',
+    ],
+    message: 'Doesn\'t quite follow path correctly.',
+  }
+];
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var animFuncTR = new MotionPathEffect(
+    document.querySelector('#pathTR').pathSegList, 'auto-rotate');
+document.timeline.play(new Animation(document.querySelector("#animTR"),
+    animFuncTR, {duration: 10 * 1000, iterations: 2}));
+var animFuncBL = new MotionPathEffect(
+    document.querySelector('#pathBL').pathSegList, 'auto-rotate');
+document.timeline.play(new Animation(
+    document.querySelector("#animBL"), animFuncBL,
+    {duration: 10 * 1000, iterations: 2, easing: "paced"}));
+var animFuncBRKeyFrames = new KeyframeEffect(
+    [{transform: "translate(387.5px, 287.5px) rotate(180deg)"}], "replace");
+var animFuncBRPath = new MotionPathEffect(
+    document.querySelector('#pathBR').pathSegList, 'auto-rotate');
+var animBR = new Animation(document.querySelector("#animBR"), animFuncBRPath,
+    {duration: 10 * 1000, iterations: 2, easing: "paced"});
+document.timeline.play(animBR);
+testharness_timeline.schedule(function() {
+    animBR.effect = animFuncBRKeyFrames;
+}, 3000);
+testharness_timeline.schedule(function() {
+    animBR.effect = animFuncBRPath;
+}, 6000);
+</script>

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

@@ -0,0 +1,26 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles('#test', {'display':'none'});
+  }, "Autogenerated");
+  at(0.08 * 1000, function() {
+    assert_styles('#test', {'display':'block'});
+  }, "Autogenerated");
+  at(0.16 * 1000, function() {
+    assert_styles('#test', {'display':'none'});
+  }, "Autogenerated");
+  at(0.24 * 1000, function() {
+    assert_styles('#test', {'display':'block'});
+  }, "Autogenerated");
+  at(0.32 * 1000, function() {
+    assert_styles('#test', {'display':'none'});
+  }, "Autogenerated");
+  at(0.4 * 1000, function() {
+    assert_styles('#test', {'display':'block'});
+  }, "Autogenerated");
+  at(0.48000000000000004 * 1000, function() {
+    assert_styles('#test', {'display':'none'});
+  }, "Autogenerated");
+  at(0.56 * 1000, function() {
+    assert_styles('#test', {'display':'none'});
+  }, "Autogenerated");
+}, "Autogenerated checks.");

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

@@ -0,0 +1,42 @@
+<!--
+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>
+#parent, #test {
+  height: 600px;
+}
+body {
+  margin: 0px;
+}
+</style>
+<body>
+<div id="parent" style='background:lightsteelblue'>
+  <div style='background:red' id='test'></div>
+</div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+document.timeline.play(new Animation(document.querySelector('#test'), [
+  {display: 'none'},
+  {display: 'block'},
+  {display: 'none'},
+  {display: 'block'},
+  {display: 'none'},
+  {display: 'block'},
+  {display: 'none'},
+], {duration: 0.5 * 1000, fill: 'forwards'}));
+</script>

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

@@ -0,0 +1,38 @@
+timing_test(function() {
+  at(0 * 1000, function() {
+    assert_styles('.anim', {'left':'100px'});
+  }, "Autogenerated");
+  at(0.5 * 1000, function() {
+    assert_styles('.anim', {'left':'150px'});
+  }, "Autogenerated");
+  at(1 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'200px'},
+       {'left':'100px'}]);
+  }, "Autogenerated");
+  at(1.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'200px'},
+       {'left':'150px'}]);
+  }, "Autogenerated");
+  at(2 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'200px'},
+       {'left':'100px'}]);
+  }, "Autogenerated");
+  at(2.5 * 1000, function() {
+    assert_styles(
+      '.anim',
+      [{'left':'200px'},
+       {'left':'150px'}]);
+  }, "Autogenerated");
+  at(3 * 1000, function() {
+    assert_styles('.anim', {'left':'200px'});
+  }, "Autogenerated");
+  at(3.5 * 1000, function() {
+    assert_styles('.anim', {'left':'200px'});
+  }, "Autogenerated");
+}, "Autogenerated checks.");

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

@@ -0,0 +1,52 @@
+<!--
+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: 25px;
+  background-color: #FAA;
+  position: relative;
+}
+.expect {
+  border-right: 1px solid black;
+}
+</style>
+<div>Right edge of each box should align with black line at end of test.</div>
+<div style="width: 300px;" class="expect"><div id="a" class="anim"></div></div>
+<div style="width: 300px;" class="expect"><div id="c" class="anim"></div></div>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+var effect = [{left: "100px"}, {left: "200px"}];
+var timing = {duration: 1 * 1000, fill: 'forwards'};
+// Top level animation.
+document.timeline.play(new Animation(document.getElementById("a"),
+    effect, timing));
+// Animation in group.
+document.timeline.play(new AnimationGroup([
+  new Animation(document.getElementById("c"), effect, timing)
+], {iterations: 3}));
+</script>