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

polymer-paper-rails 0.2.0 → 0.2.5

Files changed (578) hide show

data/app/assets/components/web-animations-js/test/testcases/auto-test-shorthand.html DELETED Viewed

@@ -1,115 +0,0 @@
-<!--
-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>
-#container {
-  -webkit-column-width: 250px;
-  -moz-column-width: 250px;
-  column-width: 250px;
-}
-p {
-  display: inline-block;
-}
-.test, .ref {
-  background-color: lightsteelblue;
-  display: inline-block;
-  width: 100px;
-  height: 100px;
-  margin-right: 10px;
-}
-#borderWidth, #borderColor {
-  border-style: solid;
-}
-#borderWidth {
-  border-color: green;
-}
-</style>
-<script>
-var expected_failures = [
-  {
-    browser_configurations: [{ firefox: true }],
-    tests: ['#font at t=(0|500|1000|1500|2000)ms'],
-    message: 'Floating point issues.',
-  }, {
-    browser_configurations: [{ firefox: true }],
-    tests: ['#background at t=(0|500|1000|1500|2000)ms'],
-    message: 'Setting background to "auto" gets back "auto auto".',
-  }, {
-    browser_configurations: [{ msie: true }],
-    tests: [
-      '#((?!(borderWidth|borderRadius|margin|padding)).*) at t=(0|500|1000|1500|2)ms',
-      '#borderWidth at t=(500|1000|1500)ms',
-    ],
-    message: 'IE returns rgba.',
-  }, {
-    browser_configurations: [{ chrome: true, version: '30|31' }],
-    tests: ['#font'],
-    message: 'Different initial font-size.',
-  }
-];
-</script>
-<script src="../bootstrap.js"></script>
-<div id="container"></div>
-<script>
-"use strict";
-var testCases = {
-  background: 'url(background.png) 50% 25% repeat-y green',
-  border: 'green solid 4px',
-  borderColor: 'lime lightgreen darkgreen green',
-  borderLeft: 'green solid 4px',
-  borderRight: 'green solid 4px',
-  borderTop: 'green solid 4px',
-  borderBottom: 'green solid 4px',
-  borderRadius: '10px 20px 10% 50%',
-  borderWidth: 'thin medium thick 10px',
-  font: 'italic bold 20pt / 200% serif',
-  margin: '5px 10px 15px 20px',
-  outline: 'green solid 5px',
-  padding: '5px 10px 15px 20px',
-};
-var container = document.querySelector('#container');
-for (var shorthand in testCases) {
-  var p = document.createElement('p');
-  var value = testCases[shorthand];
-  p.appendChild(document.createTextNode(shorthand));
-  p.appendChild(document.createElement('br'));
-  var refDiv = document.createElement('div');
-  refDiv.id = shorthand;
-  refDiv.style[shorthand] = value;
-  refDiv.className = 'ref';
-  refDiv.appendChild(document.createTextNode('Ref'));
-  p.appendChild(refDiv);
-  var testDiv = document.createElement('div');
-  testDiv.id = shorthand;
-  testDiv.className = 'test';
-  testDiv.appendChild(document.createTextNode('Test'));
-  p.appendChild(testDiv);
-  container.appendChild(p);
-  var keyframe = {};
-  keyframe[shorthand] = value;
-  document.timeline.play(new Animation(testDiv, [keyframe], {duration: 2 * 1000, fill: 'forwards'}));
-}
-</script>

data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time-checks.js DELETED Viewed

@@ -1,58 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'100px'},
-       {'left':'100px'},
-       {'left':'300px'},
-       {'left':'300px'}]);
-  }, "Autogenerated");
-  at(0.4 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'180px'},
-       {'left':'180px'},
-       {'left':'220px'},
-       {'left':'220px'}]);
-  }, "Autogenerated");
-  at(0.8 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'260px'},
-       {'left':'260px'},
-       {'left':'140px'},
-       {'left':'140px'}]);
-  }, "Autogenerated");
-  at(1.2000000000000002 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'140px'},
-       {'left':'140px'},
-       {'left':'260px'},
-       {'left':'260px'}]);
-  }, "Autogenerated");
-  at(1.6 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'220px'},
-       {'left':'220px'},
-       {'left':'180px'},
-       {'left':'180px'}]);
-  }, "Autogenerated");
-  at(2 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'300px'},
-       {'left':'300px'},
-       {'left':'100px'},
-       {'left':'100px'}]);
-  }, "Autogenerated");
-  at(2.4 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'300px'},
-       {'left':'300px'},
-       {'left':'100px'},
-       {'left':'100px'}]);
-  }, "Autogenerated");
-}, "Autogenerated checks.");

data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time-iterations-checks.js DELETED Viewed

@@ -1,92 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles("#normal_a",{'left':'0px'});
-    assert_styles("#normal_b",{'left':'0px'});
-    assert_styles("#reverse_a",{'left':'0px'});
-    assert_styles("#reverse_b",{'left':'0px'});
-    assert_styles("#alternate_a",{'left':'0px'});
-    assert_styles("#alternate_b",{'left':'0px'});
-    assert_styles("#alternate-reverse_a",{'left':'0px'});
-    assert_styles("#alternate-reverse_b",{'left':'0px'});
-  });
-  at(1 * 1000, function() {
-    assert_styles("#normal_a",{'left':'200px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'400px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'200px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'400px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-  at(2 * 1000, function() {
-    assert_styles("#normal_a",{'left':'200px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'400px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'400px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'200px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-  at(3 * 1000, function() {
-    assert_styles("#normal_a",{'left':'500px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'100px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'100px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'500px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-  at(4 * 1000, function() {
-    assert_styles("#normal_a",{'left':'500px'});
-    assert_styles("#normal_b",{'left':'100px'});
-    assert_styles("#reverse_a",{'left':'100px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'100px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'500px'});
-    assert_styles("#alternate-reverse_b",{'left':'100px'});
-  });
-  at(5 * 1000, function() {
-    assert_styles("#normal_a",{'left':'500px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'100px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'100px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'500px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-  at(6 * 1000, function() {
-    assert_styles("#normal_a",{'left':'500px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'100px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'100px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'500px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-  at(7 * 1000, function() {
-    assert_styles("#normal_a",{'left':'500px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'100px'});
-    assert_styles("#reverse_b",{'left':'500px'});
-    assert_styles("#alternate_a",{'left':'100px'});
-    assert_styles("#alternate_b",{'left':'500px'});
-    assert_styles("#alternate-reverse_a",{'left':'500px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-  at(8 * 1000, function() {
-    assert_styles("#normal_a",{'left':'500px'});
-    assert_styles("#normal_b",{'left':'500px'});
-    assert_styles("#reverse_a",{'left':'100px'});
-    assert_styles("#reverse_b",{'left':'100px'});
-    assert_styles("#alternate_a",{'left':'100px'});
-    assert_styles("#alternate_b",{'left':'100px'});
-    assert_styles("#alternate-reverse_a",{'left':'500px'});
-    assert_styles("#alternate-reverse_b",{'left':'500px'});
-  });
-}, "Auto generated tests");

data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time-iterations.html DELETED Viewed

@@ -1,107 +0,0 @@
-<!--
-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>
-.animContainer {
-  position: absolute;
-  left: 0px;
-}
-.anim {
-  left: 0px;
-  width: 100px;
-  height: 25px;
-  background-color: #FAA;
-  position: relative;
-}
-.expected {
-  border-right: 1px solid black;
-}
-#normal {
-  top: 50px;
-}
-#reverse {
-  top: 150px;
-}
-#alternate {
-  top: 250px;
-}
-#alternate-reverse {
-  top: 350px;
-}
-</style>
-<div>Right edge of each box should align with black line at end of test. Note
-that the position of the last element in each group is approximate.</div>
-<div class="animContainer" id="normal">
-  <div style="width: 600px;" class="expected"><div id="normal_a" class="anim"></div></div>
-  <div style="width: 600px;" class="expected"><div id="normal_b" class="anim"></div></div>
-</div>
-<div class="animContainer" id="reverse">
-  <div style="width: 200px;" class="expected"><div id="reverse_a" class="anim"></div></div>
-  <div style="width: 200px;" class="expected"><div id="reverse_b" class="anim"></div></div>
-</div>
-<div class="animContainer" id="alternate">
-  <div style="width: 200px;" class="expected"><div id="alternate_a" class="anim"></div></div>
-  <div style="width: 200px;" class="expected"><div id="alternate_b" class="anim"></div></div>
-</div>
-<div class="animContainer" id="alternate-reverse">
-  <div style="width: 600px;" class="expected"><div id="alternate-reverse_a" class="anim"></div></div>
-  <div style="width: 600px;" class="expected"><div id="alternate-reverse_b" class="anim"></div></div>
-</div>
-<script src="../bootstrap.js"></script>
-<script>
-"use strict";
-var directions = ["normal", "reverse", "alternate", "alternate-reverse"];
-var animation = [{left: "100px"}, {left: "500px"}];
-for (var i = 0; i < directions.length; i++) {
-  var direction = directions[i];
-  var container = document.getElementById(direction);
-  // Interaction of default start time with parent iterations. At the time of
-  // addition, the child picks up a start time of zero. The parent then updates
-  // its duration and its iteration time jumps, causing the child to start
-  // playing part way through the animation.
-  var intrinsicGroup = new AnimationGroup([], {iterations: 2.0, direction: direction});
-  document.timeline.play(intrinsicGroup);
-  var fixedGroup = new AnimationGroup([], {iterations: 2.0, direction: direction, duration: 4.0 * 1000});
-  document.timeline.play(fixedGroup);
-  timing_test(function() {
-      at(0.75 * 1000, (function(container, direction, intrinsicGroup, fixedGroup) {
-        return function() {
-          intrinsicGroup.append(new Animation(document.getElementById(direction + '_a'), animation, {duration: 1.0 * 1000, fill: 'forwards'}));
-          fixedGroup.append(new Animation(document.getElementById(direction + '_b'), animation, {duration: 1.0 * 1000, fill: 'forwards'}));
-        };
-      })(container, direction, intrinsicGroup, fixedGroup));
-    });
-}
-</script>

data/app/assets/components/web-animations-js/test/testcases/auto-test-start-time.html DELETED Viewed

@@ -1,90 +0,0 @@
-<!--
-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>
-.animContainer {
-  position: absolute;
-  left: 0px;
-  height: 225px;
-}
-.expected {
-  border-right: 1px solid black;
-}
-.anim {
-  left: 0px;
-  width: 100px;
-  height: 25px;
-  background-color: #FAA;
-  position: relative;
-}
-#ca {
-  top: 50px;
-  width: 400px;
-}
-#cb {
-  top: 150px;
-  width: 200px;
-}
-</style>
-<div>Right edge of each box should align with black line at end of test.</div>
-<div class="animContainer" id="ca">
-  <div style="width: 400px;" class="expected"><div class="anim a" id="a"></div>
-  </div>
-  <div style="width: 400px;" class="expected"><div class="anim b" id="b"></div>
-  </div>
-</div>
-<div class="animContainer" id="cb">
-  <div style="width: 200px;" class="expected"><div class="anim a" id="c"></div>
-  </div>
-  <div style="width: 200px;" class="expected"><div class="anim b" id="d"></div>
-  </div>
-</div>
-<div style="height:200px;"></div>
-<script src="../bootstrap.js"></script>
-<script>
-"use strict";
-var containers = ["ca", "cb"];
-var directions = ["normal", "reverse"];
-var animation = [{left: "100px"}, {left: "300px"}];
-for (var i = 0; i < directions.length; i++) {
-  var container = document.getElementById(containers[i]);
-  // Explicit parent duration.
-  document.timeline.play(new AnimationGroup(
-      [new Animation(container.getElementsByClassName("a")[0], animation,
-          {duration: 1.0 * 1000, fill: 'forwards'})],
-      {iterations: 2.0, direction: directions[i], duration: 1.0 * 1000}));
-  // Parent calculates intrinsic duration.
-  document.timeline.play(new AnimationGroup(
-      [new Animation(container.getElementsByClassName("b")[0], animation,
-          {duration: 1.0 * 1000, fill: 'forwards'})],
-      {iterations: 2.0, direction: directions[i]}));
-}
-</script>