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

polymer-core-rails 0.2.0 → 0.2.5

Files changed (840) hide show

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

@@ -1,27 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'x':'100px','y':'300px','width':'100px'}]);
-  }, "Autogenerated");
-  at(0.3 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'x':'190px','y':'270px','width':'52px'}]);
-  }, "Autogenerated");
-  at(0.6 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'x':'280px','y':'240px','width':'26px'}]);
-  }, "Autogenerated");
-  at(0.8999999999999999 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'x':'369.99999999999994px','y':'210px','width':'44px'}]);
-  }, "Autogenerated");
-  at(1.2 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'x':'400px','y':'200px','width':'50px'}]);
-  }, "Autogenerated");
-}, "Autogenerated checks.");

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

@@ -1,43 +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>
-.anim {
-  fill: lightsteelblue;
-}
-.expectation {
-  fill: red;
-}
-</style>
-<svg width='800px' height='800px'>
-  <rect class="expectation" x="400px" y="200px" width="50px" height="100px">
-  </rect>
-  <rect class="anim" x="100px" y="10px" width="100px" height="100px">
-  </rect>
-</svg>
-<script src="../bootstrap.js"></script>
-<script>
-"use strict";
-var rect = document.querySelector(".anim");
-document.timeline.play(new Animation(rect, [
-  {y: "300px", width: "100px"},
-  {width: "20px"},
-  {x: "400px", y: "200px", width: "50px"},
-], {duration: 1 * 1000, fill: 'forwards'}));
-</script>

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

@@ -1,20 +0,0 @@
-timing_test(function() {
-  at(0, function() {
-    assert_styles(".target",{'d':'M10,10v100l100,-50z'});
-  });
-  at(200, function() {
-    assert_styles(".target",{'d':'M48,10L48,94.72L52.72,110L112.2,87.89L148,57.64L125.9,38.94L48,10'});
-  });
-  at(400, function() {
-    assert_styles(".target",{'d':'M86,10L86,98.54L95.44,110L159.2,93.42L186,55.28L169.4,31.71L86,10'});
-  });
-  at(600, function() {
-    assert_styles(".target",{'d':'M124,10L124,102.4L138.2,110L206.1,98.94L224,52.92L212.9,24.47L124,10'});
-  });
-  at(800, function() {
-    assert_styles(".target",{'d':'M162,10L162,106.2L180.9,110L253.1,104.5L262,50.56L256.5,17.24L162,10'});
-  });
-  at(1000, function() {
-    assert_styles(".target",{'d':'M10,10v100l100,-50z'});
-  });
-}, "Auto generated tests");

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

@@ -1,41 +0,0 @@
-<!--
-Copyright 2014 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">
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg"></svg>
-<script src="../bootstrap.js"></script>
-<script>
-'use strict';
-var startPath = 'M10,10v100l100,-50z';
-var endPath = 'M200,10v100h100v-100z';
-function addPath(d, fill) {
-  var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-  if (d)
-    path.setAttribute('d', d);
-  path.setAttribute('fill', fill);
-  svg.appendChild(path);
-  return path;
-}
-addPath(startPath, 'red');
-addPath(endPath, 'red');
-var target = addPath(startPath, 'green');
-target.classList.add('target');
-target.animate({d: endPath}, 1000);
-</script>

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

@@ -1,79 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'100px'},
-       {'left':'100px'},
-       {'left':'0px'},
-       {'left':'0px'}]);
-  }, "Autogenerated");
-//pause
-  at(1 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'138.46153259277344px'},
-       {'left':'140px'},
-       {'left':'0px'},
-       {'left':'0px'}]);
-  }, "Autogenerated");
-  at(2 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'138.46153259277344px'},
-       {'left':'140px'},
-       {'left':'0px'},
-       {'left':'0px'}]);
-  }, "Autogenerated");
-//unpause
-  at(3 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'176.92308044433594px'},
-       {'left':'180px'},
-       {'left':'0px'},
-       {'left':'0px'}]);
-  }, "Autogenerated");
-//pause
-  at(4 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'200px'},
-       {'left':'200px'},
-       {'left':'116px'},
-       {'left':'117.39130401611328px'}]);
-  }, "Autogenerated");
-  at(5 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'200px'},
-       {'left':'200px'},
-       {'left':'116px'},
-       {'left':'117.39130401611328px'}]);
-  }, "Autogenerated");
-//unpause
-  at(6 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'200px'},
-       {'left':'200px'},
-       {'left':'156px'},
-       {'left':'160.86956787109375px'}]);
-  }, "Autogenerated");
-  at(7 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'200px'},
-       {'left':'200px'},
-       {'left':'196px'},
-       {'left':'200px'}]);
-  }, "Autogenerated");
-  at(7.1 * 1000, function() {
-    assert_styles(
-      '.anim',
-      [{'left':'200px'},
-       {'left':'200px'},
-       {'left':'200px'},
-       {'left':'200px'}]);
-  }, "Autogenerated");
-}, "Autogenerated checks.");

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

@@ -1,82 +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>
-.anim {
-  left: 0px;
-  width: 100px;
-  height: 100px;
-  background-color: lightsteelblue;
-  position: absolute;
-}
-#a {
-  top: 0px
-}
-#b {
-  top: 100px;
-}
-#c {
-  top: 200px;
-}
-#d {
-  top: 300px;
-}
-#expectation {
-  position: absolute;
-  top: 0px;
-  left: 200px;
-  width: 100px;
-  height: 400px;
-  background: red;
-}
-</style>
-<div id="expectation"></div>
-<div id="a" class="anim a"></div>
-<div id="b" class="anim b"></div>
-<div id="c" class="anim a"></div>
-<div id="d" class="anim b"></div>
-<div style="height: 450px"></div>
-<script src="../bootstrap.js"></script>
-<script>
-"use strict";
-var effect = [{left: "100px"}, {left: "200px"}];
-var a1 = new Animation(document.querySelector("#a"), effect, {duration: 2.6 * 1000, fill: "forwards"});
-var a2 = new Animation(document.querySelector("#b"), effect, {duration: 2.5 * 1000, fill: "forwards"});
-var a3 = new Animation(document.querySelector("#c"), effect, {duration: 2.5 * 1000, fill: "forwards"});
-var a4 = new Animation(document.querySelector("#d"), effect, {duration: 2.3 * 1000, fill: "forwards"});
-var pgroup1 = new AnimationGroup([a1, a2], {name: "p1", fill: "forwards"});
-var pgroup2 = new AnimationGroup([a3, a4], {name: "p2", fill: "forwards"});
-var player = document.timeline.play(
-    new AnimationSequence([pgroup1, pgroup2], {name: "s", fill: "forwards"}));
-at(1.0 * 1000, function() { player.pause(); });
-at(2.0 * 1000, function() { player.play(); });
-at(4.0 * 1000, function() { player.pause(); });
-at(5.0 * 1000, function() { player.play(); });
-</script>

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

@@ -1,37 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles(".test",{'perspective':'500px'});
-  });
-  at(0.5 * 1000, function() {
-    assert_styles(".test", [
-      {'perspective':'412.5px'},
-      {'perspective':'625px'},
-      {'perspective':'500px'},
-      {'perspective':'376px'},
-    ]);
-  });
-  at(1 * 1000, function() {
-    assert_styles(".test", [
-      {'perspective':'325px'},
-      {'perspective':'750px'},
-      {'perspective':'none'},
-      {'perspective':'252px'},
-    ]);
-  });
-  at(1.5 * 1000, function() {
-    assert_styles(".test", [
-      {'perspective':'237.5px'},
-      {'perspective':'875px'},
-      {'perspective':'none'},
-      {'perspective':'128px'},
-    ]);
-  });
-  at(2 * 1000, function() {
-    assert_styles(".test", [
-      {'perspective':'150px'},
-      {'perspective':'1000px'},
-      {'perspective':'none'},
-      {'perspective':'4px'},
-    ]);
-  });
-}, "Auto generated tests");

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

@@ -1,61 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles(".test",{'perspectiveOrigin':'50px 50px'});
-  });
-  at(0.5 * 1000, function() {
-    assert_styles(".test", [
-      {'perspectiveOrigin':'37.5px 37.5px'},
-      {'perspectiveOrigin':'37.5px 50px'},
-      {'perspectiveOrigin':'62.5px 50px'},
-      {'perspectiveOrigin':'50px 37.5px'},
-      {'perspectiveOrigin':'50px 62.5px'},
-      {'perspectiveOrigin':'50px 50px'},
-      {'perspectiveOrigin':'37.5px 37.5px'},
-      {'perspectiveOrigin':'57.5px 57.5px'},
-      {'perspectiveOrigin':'42.5px 52.5px'},
-      {'perspectiveOrigin':'37.5px 62.5px'},
-    ]);
-  });
-  at(1 * 1000, function() {
-    assert_styles(".test", [
-      {'perspectiveOrigin':'25px 25px'},
-      {'perspectiveOrigin':'25px 50px'},
-      {'perspectiveOrigin':'75px 50px'},
-      {'perspectiveOrigin':'50px 25px'},
-      {'perspectiveOrigin':'50px 75px'},
-      {'perspectiveOrigin':'50px 50px'},
-      {'perspectiveOrigin':'25px 25px'},
-      {'perspectiveOrigin':'65px 65px'},
-      {'perspectiveOrigin':'35px 55px'},
-      {'perspectiveOrigin':'25px 75px'},
-    ]);
-  });
-  at(1.5 * 1000, function() {
-    assert_styles(".test", [
-      {'perspectiveOrigin':'12.5px 12.5px'},
-      {'perspectiveOrigin':'12.5px 50px'},
-      {'perspectiveOrigin':'87.5px 50px'},
-      {'perspectiveOrigin':'50px 12.5px'},
-      {'perspectiveOrigin':'50px 87.5px'},
-      {'perspectiveOrigin':'50px 50px'},
-      {'perspectiveOrigin':'12.5px 12.5px'},
-      {'perspectiveOrigin':'72.5px 72.5px'},
-      {'perspectiveOrigin':'27.5px 57.5px'},
-      {'perspectiveOrigin':'12.5px 87.5px'},
-    ]);
-  });
-  at(2 * 1000, function() {
-    assert_styles(".test", [
-      {'perspectiveOrigin':'0px 0px'},
-      {'perspectiveOrigin':'0px 50px'},
-      {'perspectiveOrigin':'100px 50px'},
-      {'perspectiveOrigin':'50px 0px'},
-      {'perspectiveOrigin':'50px 100px'},
-      {'perspectiveOrigin':'50px 50px'},
-      {'perspectiveOrigin':'0px 0px'},
-      {'perspectiveOrigin':'80px 80px'},
-      {'perspectiveOrigin':'20px 60px'},
-      {'perspectiveOrigin':'0px 100px'},
-    ]);
-  });
-}, "Auto generated tests");

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

@@ -1,94 +0,0 @@
-<!--
-Copyright 2014 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 {
-  position: absolute;
-  top: 10px;
-  left: 100px;
-}
-.box {
-  width: 100px;
-  height: 100px;
-  margin: 20px;
-  margin-bottom: 100px;
-  display: inline-block;
-  -webkit-perspective: 500px;
-  perspective: 500px;
-}
-.item {
-  width: 80px;
-  height: 80px;
-  margin: 10px;
-  border-style: solid;
-  white-space: pre;
-  -webkit-transform: translateZ(50px) rotateX(30deg) rotateY(30deg);
-  transform: translateZ(50px) rotateX(30deg) rotateY(30deg);
-}
-.test > .item { border-color: green; }
-.expectation > .item { color: red; }
-#spacer { height: 500px; }
-</style>
-<div id="spacer"></div>
-<div id="expectationContainer" class="container"></div>
-<div id="testContainer" class="container"></div>
-<script>
-var expected_failures = [
-  {
-    browser_configurations: [{ chrome: true, version: '34|35' }],
-    tests: ['tests at t=(1000|1500)ms'],
-    message: '-webkit-perspective-origin shorthand behaviour is broken: crbug.com/361944',
-  }
-];
-</script>
-<script src="../bootstrap.js"></script>
-<script>
-'use strict';
-var perspectiveOrignTestCases = [
-  '0 0',
-  'left',
-  'right',
-  'top',
-  'bottom',
-  'center',
-  '0 0',
-  '80px 80px',
-  '20% 60%',
-  'calc(25px - 25%) calc(25px + 75%)',
-];
-perspectiveOrignTestCases.forEach(function(testCase) {
-  var test = createBoxedItem('test', testCase);
-  test.animate({perspectiveOrigin: testCase}, {duration: 2 * 1000, fill: 'forwards'});
-  testContainer.appendChild(test);
-  var expectation = createBoxedItem('expectation', testCase);
-  expectation.style.perspectiveOrigin = expectation.style.webkitPerspectiveOrigin = testCase;
-  expectationContainer.appendChild(expectation);
-});
-function createBoxedItem(type, text) {
-  var box = document.createElement('div');
-  box.classList.add('box', type);
-  box.textContent = text;
-  var item = document.createElement('div');
-  item.classList.add('item');
-  box.appendChild(item);
-  return box;
-}
-</script>