pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names.html - Issue 175443005: [polymer] import all elements

Unified Diff: pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart

Patch Set: updated from bower Created 6 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-checks.js ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names-checks.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names.html

diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names.html

new file mode 100644

index 0000000000000000000000000000000000000000..6fb371c81085878233e7b914c1105f68f6e5a891

--- /dev/null

+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-color-names.html

@@ -0,0 +1,203 @@

+<!--

+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>

+td.anim {

+ height: 200px;

+ width: 200px;

+</style>

+<table>

+<tr><td id="a" class="anim"></td><td id="b" class="anim"></td><td id="c" class="anim"></td></tr>

+<tr><td id="d" class="anim"></td><td id="e" class="anim"></td><td id="f" class="anim"></td></tr>

+<tr><td id="g" class="anim"></td><td id="h" class="anim"></td><td id="i" class="anim"></td></tr>

+</table>

+<script>

+var expected_failures = {

+ '/Auto.*/': {

+ msie: true,

+ message: "IE returns rgba always."

+ }

+};

+</script>

+<script src="../bootstrap.js"></script>

+<script>

+"use strict";

+var colors = [

+ 'aliceblue',

+ 'antiquewhite',

+ 'aqua',

+ 'aquamarine',

+ 'azure',

+ 'beige',

+ 'bisque',

+ 'black',

+ 'blanchedalmond',

+ 'blue',

+ 'blueviolet',

+ 'brown',

+ 'burlywood',

+ 'cadetblue',

+ 'chartreuse',

+ 'chocolate',

+ 'coral',

+ 'cornflowerblue',

+ 'cornsilk',

+ 'crimson',

+ 'cyan',

+ 'darkblue',

+ 'darkcyan',

+ 'darkgoldenrod',

+ 'darkgray',

+ 'darkgreen',

+ 'darkgrey',

+ 'darkkhaki',

+ 'darkmagenta',

+ 'darkolivegreen',

+ 'darkorange',

+ 'darkorchid',

+ 'darkred',

+ 'darksalmon',

+ 'darkseagreen',

+ 'darkslateblue',

+ 'darkslategray',

+ 'darkslategrey',

+ 'darkturquoise',

+ 'darkviolet',

+ 'deeppink',

+ 'deepskyblue',

+ 'dimgray',

+ 'dimgrey',

+ 'dodgerblue',

+ 'firebrick',

+ 'floralwhite',

+ 'forestgreen',

+ 'fuchsia',

+ 'gainsboro',

+ 'ghostwhite',

+ 'gold',

+ 'goldenrod',

+ 'gray',

+ 'green',

+ 'greenyellow',

+ 'grey',

+ 'honeydew',

+ 'hotpink',

+ 'indianred',

+ 'indigo',

+ 'ivory',

+ 'khaki',

+ 'lavender',

+ 'lavenderblush',

+ 'lawngreen',

+ 'lemonchiffon',

+ 'lightblue',

+ 'lightcoral',

+ 'lightcyan',

+ 'lightgoldenrodyellow',

+ 'lightgray',

+ 'lightgreen',

+ 'lightgrey',

+ 'lightpink',

+ 'lightsalmon',

+ 'lightseagreen',

+ 'lightskyblue',

+ 'lightslategray',

+ 'lightslategrey',

+ 'lightsteelblue',

+ 'lightyellow',

+ 'lime',

+ 'limegreen',

+ 'linen',

+ 'magenta',

+ 'maroon',

+ 'mediumaquamarine',

+ 'mediumblue',

+ 'mediumorchid',

+ 'mediumpurple',

+ 'mediumseagreen',

+ 'mediumslateblue',

+ 'mediumspringgreen',

+ 'mediumturquoise',

+ 'mediumvioletred',

+ 'midnightblue',

+ 'mintcream',

+ 'mistyrose',

+ 'moccasin',

+ 'navajowhite',

+ 'navy',

+ 'oldlace',

+ 'olive',

+ 'olivedrab',

+ 'orange',

+ 'orangered',

+ 'orchid',

+ 'palegoldenrod',

+ 'palegreen',

+ 'paleturquoise',

+ 'palevioletred',

+ 'papayawhip',

+ 'peachpuff',

+ 'peru',

+ 'pink',

+ 'plum',

+ 'powderblue',

+ 'purple',

+ 'red',

+ 'rosybrown',

+ 'royalblue',

+ 'saddlebrown',

+ 'salmon',

+ 'sandybrown',

+ 'seagreen',

+ 'seashell',

+ 'sienna',

+ 'silver',

+ 'skyblue',

+ 'slateblue',

+ 'slategray',

+ 'slategrey',

+ 'snow',

+ 'springgreen',

+ 'steelblue',

+ 'tan',

+ 'teal',

+ 'thistle',

+ 'tomato',

+ 'turquoise',

+ 'violet',

+ 'wheat',

+ 'white',

+ 'whitesmoke',

+ 'yellow',

+ 'yellowgreen'];

+var divs = document.querySelectorAll('td.anim');

+var sliceSize = colors.length / 9;

+for (var i = 0; i < divs.length; i++) {

+ var colorsToAnimate = colors.slice(i * sliceSize, (i + 1) * sliceSize);

+ var effect = colorsToAnimate.map(function(value) {

+ return { backgroundColor: value };

+ });

+ document.timeline.play(new Animation(divs[i], effect, {duration: 4, fill: 'forwards'}));

+//document.timeline.play(new Animation(document.body,

+// {'backgroundColor': colors}, colors.length * 2 / 60));

+</script>