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-fill-values.html DELETED Viewed

@@ -1,114 +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: 10px;
-}
-.anim {
-  left: 0px;
-  width: 400px;
-  height: 25px;
-  background-color: #FAA;
-  position: relative;
-  font-size: 13px;
-  border-top: 1px solid black;
-}
-.expect { border-right: 1px solid black; }
-.expect.no-effect { width: 400px; }
-.expect.first-frame { width: 500px; }
-.expect.last-frame { width: 600px; }
-.dir-normal { top: 50px; }
-.dir-reverse { top: 350px; }
-.dir-alternate { top: 650px; }
-.dir-alternate-reverse { top: 950px; }
-.spacing { height: 1200px; }
-</style>
-<div>Right edge of each box should align with black line at end of test.</div>
-<div class="animContainer dir-normal">
-  <div class="expect no-effect"><div class="anim fill-none"></div></div>
-  <div class="expect no-effect"><div class="anim fill-backwards"></div></div>
-  <div class="expect last-frame"><div class="anim fill-forwards"></div></div>
-  <div class="expect last-frame"><div class="anim fill-both"></div></div>
-  <div class="expect no-effect"><div class="anim fill-auto"></div></div>
-</div>
-<div class="animContainer dir-reverse">
-  <div class="expect no-effect"><div class="anim fill-none"></div></div>
-  <div class="expect no-effect"><div class="anim fill-backwards"></div></div>
-  <div class="expect first-frame"><div class="anim fill-forwards"></div></div>
-  <div class="expect first-frame"><div class="anim fill-both"></div></div>
-  <div class="expect no-effect"><div class="anim fill-auto"></div></div>
-</div>
-<div class="animContainer dir-alternate">
-  <div class="expect no-effect"><div class="anim fill-none"></div></div>
-  <div class="expect no-effect"><div class="anim fill-backwards"></div></div>
-  <div class="expect first-frame"><div class="anim fill-forwards"></div></div>
-  <div class="expect first-frame"><div class="anim fill-both"></div></div>
-  <div class="expect no-effect"><div class="anim fill-auto"></div></div>
-</div>
-<div class="animContainer dir-alternate-reverse">
-  <div class="expect no-effect"><div class="anim fill-none"></div></div>
-  <div class="expect no-effect"><div class="anim fill-backwards"></div></div>
-  <div class="expect last-frame"><div class="anim fill-forwards"></div></div>
-  <div class="expect last-frame"><div class="anim fill-both"></div></div>
-  <div class="expect no-effect"><div class="anim fill-auto"></div></div>
-</div>
-<div class="spacing"></div>
-<script src="../bootstrap.js"></script>
-<script>
-'use strict';
-var directions = ['normal', 'reverse', 'alternate', 'alternate-reverse'];
-var fills = ['none', 'backwards', 'forwards', 'both', 'auto'];
-var effect = [{left: '100px'}, {left: '200px'}];
-var nextId = 0;
-function testCase(element, direction, fill, duration) {
-  document.timeline.play(
-      new Animation(element, effect, {
-        iterations: 4,
-        direction: direction,
-        fill: fill,
-        duration: duration,
-      }));
-  element.id = 'anim' + (nextId++);
-  element.textContent = 'ID: ' + element.id + ' | dir: ' + direction + ' | fill: ' + fill + ' | dur: ' + duration;
-}
-directions.forEach(function (direction) {
-  fills.forEach(function (fill) {
-    var dur0 = document.querySelector('.dir-' + direction + ' .fill-' + fill);
-    var dur1 = dur0.cloneNode(true);
-    dur0.parentElement.insertBefore(dur1, dur0);
-    testCase(dur1, direction, fill, 1000);
-    testCase(dur0, direction, fill, 0);
-  });
-});
-</script>

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

@@ -1,26 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'100'});
-  }, "Autogenerated");
-  at(0.3 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'100'});
-  }, "Autogenerated");
-  at(0.6 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'100'});
-  }, "Autogenerated");
-  at(0.8999999999999999 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'100'});
-  }, "Autogenerated");
-  at(1.2 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'300'});
-  }, "Autogenerated");
-  at(1.5 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'500'});
-  }, "Autogenerated");
-  at(1.8 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'bold'});
-  }, "Autogenerated");
-  at(2.1 * 1000, function() {
-    assert_styles( '#test', {'font-weight':'900'});
-  }, "Autogenerated");
-}, "Autogenerated checks.");

data/app/assets/components/web-animations-js/test/testcases/auto-test-font-weight.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">
-<head>
-<link
-    href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900'
-    rel='stylesheet' type='text/css'>
-<style>
-  div.test {
-    font-family: Raleway;
-    font-size: 75px;
-  }
-  div.target {
-    position: absolute;
-    color: red;
-    z-index: -1;
-  }
-</style>
-</head>
-<body>
-<div class='test target' style='font-weight: 900;'>Testing font-weight!</div>
-<div class='test' style='font-weight: 100' id='test'>Testing font-weight!</div>
-<script src="../bootstrap.js"></script>
-<script>
-"use strict";
-document.timeline.play(new Animation(document.querySelector('#test'),
-    [{fontWeight: '100'}, {fontWeight: '900'}],
-    {duration: 1 * 1000, delay: 1 * 1000, fill: 'forwards'}));
-</script>

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

@@ -1,74 +0,0 @@
-timing_test(function() {
-  at(0 * 1000, function() {
-    assert_styles("#background",{'backgroundColor':'rgba(0, 0, 0, 0)'});
-  }, "#background");
-  at(0 * 1000, function() {
-    assert_styles("#border",{'borderBottomColor':'rgb(0, 0, 0)','borderBottomLeftRadius':'0px','borderBottomRightRadius':'0px','borderBottomWidth':'3px','borderLeftColor':'rgb(0, 0, 0)','borderLeftWidth':'3px','borderRightColor':'rgb(0, 0, 0)','borderRightWidth':'3px','borderTopColor':'rgb(0, 0, 0)','borderTopLeftRadius':'0px','borderTopRightRadius':'0px','borderTopWidth':'3px'});
-  }, "#border");
-  at(0 * 1000, function() {
-    assert_styles("#table",{'borderSpacing':'2px 2px','verticalAlign':'0px'});
-  }, "#table");
-  at(0 * 1000, function() {
-    assert_styles("#opacity",{'opacity':'1'});
-  }, "#opacity");
-  at(0 * 1000, function() {
-    assert_styles("#outline",{'outlineWidth':'3px','outlineOffset':'0px'});
-  }, "#outline");
-  at(0 * 1000, function() {
-    assert_styles("#padding",{'paddingBottom':'0px','paddingLeft':'0px','paddingRight':'0px','paddingTop':'0px'});
-  }, "#padding");
-  at(0 * 1000, function() {
-    assert_styles("#transform",{'transform':'none'});
-  }, "#transform");
-  at(0 * 1000, function() {
-    assert_styles("#text",{'color':'rgb(0, 0, 0)','fontSize':'13px','fontWeight':'normal','letterSpacing':'normal','lineHeight':'15.600px','textIndent':'0px','textShadow':'rgba(0, 0, 0, 0) 0px 0px 0px','wordSpacing':'0px'});
-  }, "#text");
-  at(1 * 1000, function() {
-    assert_styles("#background",{'backgroundColor':'rgba(0, 128, 0, 0.498039)'});
-  }, "#background");
-  at(1 * 1000, function() {
-    assert_styles("#border",{'borderBottomColor':'rgb(0, 255, 0)','borderBottomLeftRadius':'25px','borderBottomRightRadius':'25px','borderBottomWidth':'6px','borderLeftColor':'rgb(0, 255, 0)','borderLeftWidth':'6px','borderRightColor':'rgb(0, 255, 0)','borderRightWidth':'6px','borderTopColor':'rgb(0, 255, 0)','borderTopLeftRadius':'25px','borderTopRightRadius':'25px','borderTopWidth':'6px'});
-  }, "#border");
-  at(1 * 1000, function() {
-    assert_styles("#table",{'borderSpacing':'6px 6px','verticalAlign':'5px'});
-  }, "#table");
-  at(1 * 1000, function() {
-    assert_styles("#opacity",{'opacity':'0.625'});
-  }, "#opacity");
-  at(1 * 1000, function() {
-    assert_styles("#outline",{'outlineColor':'rgb(0, 128, 0)','outlineWidth':'6px','outlineOffset':'5px'});
-  }, "#outline");
-  at(1 * 1000, function() {
-    assert_styles("#padding",{'paddingBottom':'25px','paddingLeft':'25px','paddingRight':'25px','paddingTop':'25px'});
-  }, "#padding");
-  at(1 * 1000, function() {
-    assert_styles("#transform",{'transform':'matrix(-1, 0.00000000000000012246063538223773, -0.00000000000000012246063538223773, -1, 0, 0)'});
-  }, "#transform");
-  at(1 * 1000, function() {
-    assert_styles("#text",{'color':'rgb(0, 64, 0)','fontSize':'23px','fontWeight':'bold','letterSpacing':'5px','lineHeight':'36.7999px','textIndent':'25px','textShadow':'rgba(0, 255, 0, 0.498039) 5px 5px 25px','wordSpacing':'100px'});
-  }, "#text");
-  at(2 * 1000, function() {
-    assert_styles("#background",{'backgroundColor':'rgb(0, 128, 0)'});
-  }, "#background");
-  at(2 * 1000, function() {
-    assert_styles("#border",{'borderBottomColor':'rgb(0, 255, 0)','borderBottomLeftRadius':'50px','borderBottomRightRadius':'50px','borderBottomWidth':'10px','borderLeftColor':'rgb(0, 255, 0)','borderLeftWidth':'10px','borderRightColor':'rgb(0, 255, 0)','borderRightWidth':'10px','borderTopColor':'rgb(0, 255, 0)','borderTopLeftRadius':'50px','borderTopRightRadius':'50px','borderTopWidth':'10px'});
-  }, "#border");
-  at(2 * 1000, function() {
-    assert_styles("#table",{'borderSpacing':'10px 10px','verticalAlign':'10px'});
-  }, "#table");
-  at(2 * 1000, function() {
-    assert_styles("#opacity",{'opacity':'0.25'});
-  }, "#opacity");
-  at(2 * 1000, function() {
-    assert_styles("#outline",{'outlineColor':'rgb(0, 128, 0)','outlineWidth':'10px','outlineOffset':'10px'});
-  }, "#outline");
-  at(2 * 1000, function() {
-    assert_styles("#padding",{'paddingBottom':'50px','paddingLeft':'50px','paddingRight':'50px','paddingTop':'50px'});
-  }, "#padding");
-  at(2 * 1000, function() {
-    assert_styles("#transform",{'transform':'matrix(1, -0.00000000000000024492127076447545, 0.00000000000000024492127076447545, 1, 0, 0)'});
-  }, "#transform");
-  at(2 * 1000, function() {
-    assert_styles("#text",{'color':'rgb(0, 128, 0)','fontSize':'30px','fontWeight':'900','letterSpacing':'5px','lineHeight':'60px','textIndent':'50px','textShadow':'rgb(0, 255, 0) 10px 10px 50px','wordSpacing':'100px'});
-  }, "#text");
-}, "Auto generated tests");

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

@@ -1,242 +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 {
-  display: inline-block;
-}
-#allToInitial, #border, #borderSpacing, #padding, #table, td {
-  border-style: solid;
-}
-#outline {
-  outline-style: solid;
-  left: 20px;
-  width: 100px;
-}
-</style>
-<table id="allToInitial" class="anim"><tr><td>All initial.</td><td>All initial.</td></tr></table>
-<pre id="background" class="anim">background-color</pre>
-<pre id="border" class="anim">border-width
-border-radius
-border-color</pre>
-<table id="table" class="anim">
-  <tr>
-    <td>border-spacing<br>vertical-align</td>
-    <td>border-spacing<br>vertical-align</td>
-  </tr>
-</table>
-<pre id="opacity" class="anim">opacity</pre>
-<br>
-<pre id="outline" class="anim">outline</pre>
-<pre id="padding" class="anim">padding</pre>
-<pre id="transform" class="anim">transform</pre>
-<br>
-<pre id="text" class="anim">color
-font-size
-font-weight
-letter-spacing
-line-height
-text-indent
-text-shadow
-word-spacing
-word word word word</pre>
-<script>
-var expected_failures = [
-  {
-    browser_configurations: [{ firefox: true }],
-    tests: ['#background at t=0ms'],
-    message: 'rgb(0, 0, 0) gets converted to transparent in Firefox.',
-  }, {
-    browser_configurations: [{ firefox: true }],
-    tests: ['#background at t=1000ms'],
-    message: 'FIXME: Transparency is wrong.',
-  }, {
-    browser_configurations: [{ firefox: true }],
-    tests: ['#border at t=2000ms'],
-    message: 'FIXME: Border is wrong.',
-  }, {
-    browser_configurations: [{ msie: true }],
-    tests: ['#transform at t=0ms'],
-    message: 'none in IE.',
-  }, {
-    browser_configurations: [{ msie: true }],
-    tests: ['#transform at t=1000ms'],
-    message: 'Very small value floating point issue.',
-  }, {
-    browser_configurations: [{ msie: true }],
-    tests: [
-      '#(background|border) at t=(1|2)000ms',
-      '#text at t=0000ms',
-      '#(text|outline) at t=(1|2)000ms',
-    ],
-    message: 'IE returns rbga values.',
-  }, {
-    browser_configurations: [
-      { chrome: true, version: '30|31' },
-      { firefox: true },
-    ],
-    tests: ['#text at t=(0|1000)ms'],
-    message: 'Different initial font-size.',
-  }
-];
-</script>
-<script src="../bootstrap.js"></script>
-<script>
-"use strict";
-var timing = {duration: 2 * 1000, fill: 'forwards'};
-document.timeline.play(new Animation(document.querySelector('#allToInitial'), [{
-  backgroundColor: 'initial',
-  backgroundPosition: 'initial',
-  borderBottomColor: 'initial',
-  borderBottomLeftRadius: 'initial',
-  borderBottomRightRadius: 'initial',
-  borderBottomWidth: 'initial',
-  borderLeftColor: 'initial',
-  borderLeftWidth: 'initial',
-  borderRightColor: 'initial',
-  borderRightWidth: 'initial',
-  borderSpacing: 'initial',
-  borderTopColor: 'initial',
-  borderTopLeftRadius: 'initial',
-  borderTopRightRadius: 'initial',
-  borderTopWidth: 'initial',
-  bottom: 'initial',
-  color: 'initial',
-  fontSize: 'initial',
-  fontWeight: 'initial',
-  height: 'initial',
-  left: 'initial',
-  letterSpacing: 'initial',
-  lineHeight: 'initial',
-  marginBottom: 'initial',
-  marginLeft: 'initial',
-  marginRight: 'initial',
-  marginTop: 'initial',
-  maxHeight: 'initial',
-  maxWidth: 'initial',
-  minHeight: 'initial',
-  minWidth: 'initial',
-  opacity: 'initial',
-  outlineColor: 'initial',
-  outlineOffset: 'initial',
-  outlineWidth: 'initial',
-  paddingBottom: 'initial',
-  paddingLeft: 'initial',
-  paddingRight: 'initial',
-  paddingTop: 'initial',
-  right: 'initial',
-  textIndent: 'initial',
-  textShadow: 'initial',
-  top: 'initial',
-  transform: 'initial',
-  verticalAlign: 'initial',
-  visibility: 'initial',
-  width: 'initial',
-  wordSpacing: 'initial',
-  zIndex: 'initial',
-}], timing));
-document.timeline.play(new Animation(document.querySelector('#background'), [{ backgroundColor: 'initial' }, { backgroundColor: 'green' }], timing));
-document.timeline.play(new Animation(document.querySelector('#border'), [{
-  borderBottomColor: 'initial',
-  borderBottomLeftRadius: 'initial',
-  borderBottomRightRadius: 'initial',
-  borderBottomWidth: 'initial',
-  borderLeftColor: 'initial',
-  borderLeftWidth: 'initial',
-  borderRightColor: 'initial',
-  borderRightWidth: 'initial',
-  borderTopColor: 'initial',
-  borderTopLeftRadius: 'initial',
-  borderTopRightRadius: 'initial',
-  borderTopWidth: 'initial',
-}, {
-  borderBottomColor: 'lime',
-  borderBottomLeftRadius: '50px',
-  borderBottomRightRadius: '50px',
-  borderBottomWidth: '10px',
-  borderLeftColor: 'lime',
-  borderLeftWidth: '10px',
-  borderRightColor: 'lime',
-  borderRightWidth: '10px',
-  borderTopColor: 'lime',
-  borderTopLeftRadius: '50px',
-  borderTopRightRadius: '50px',
-  borderTopWidth: '10px',
-}], timing));
-document.timeline.play(new Animation(document.querySelector('#table'), [{
-  borderSpacing: 'initial',
-  verticalAlign: 'initial',
-}, {
-  borderSpacing: '10px',
-  verticalAlign: '10px',
-}], timing));
-document.timeline.play(new Animation(document.querySelector('#opacity'), [{ opacity: 'initial' }, { opacity: '0.25' }], timing));
-document.timeline.play(new Animation(document.querySelector('#outline'), [{
-  outlineColor: 'initial',
-  outlineWidth: 'initial',
-  outlineOffset: 'initial',
-}, {
-  outlineColor: 'green',
-  outlineWidth: '10px',
-  outlineOffset: '10px',
-}], timing));
-document.timeline.play(new Animation(document.querySelector('#padding'), [{
-  paddingBottom: 'initial',
-  paddingLeft: 'initial',
-  paddingRight: 'initial',
-  paddingTop: 'initial',
-}, {
-paddingBottom: '50px',
-  paddingLeft: '50px',
-  paddingRight: '50px',
-  paddingTop: '50px',
-}], timing));
-document.timeline.play(new Animation(document.querySelector('#transform'), [{ transform: 'initial' }, { transform: 'rotate(360deg)' }], timing));
-document.timeline.play(new Animation(document.querySelector('#text'), [{
-  color: 'initial',
-  fontSize: 'initial',
-  fontWeight: 'initial',
-  letterSpacing: 'initial',
-  lineHeight: 'initial',
-  textIndent: 'initial',
-  textShadow: 'initial',
-  wordSpacing: 'initial',
-}, {
-  color: 'green',
-  fontSize: '30px',
-  fontWeight: '900',
-  letterSpacing: '5px',
-  lineHeight: '200%',
-  textIndent: '50px',
-  textShadow: '10px 10px 50px lime',
-  wordSpacing: '100px',
-}], timing));
-</script>