Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1038)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: pkg/polymer/lib/elements/web-animations-js/test/testcases/test-keyframe-composite-operation.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/test-keyframe-animation-effect.html ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/test-null-target.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/test-keyframe-composite-operation.html
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-keyframe-composite-operation.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-keyframe-composite-operation.html
new file mode 100644
index 0000000000000000000000000000000000000000..369bbae1a821f0ce7010266710bb3005e82870f3
--- /dev/null
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-keyframe-composite-operation.html
@@ -0,0 +1,182 @@
+<!--
+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>
+div#targets {
+ width: 100px;
+}
+div#targets div {
+ /* To allow zIndex to take effect. */
+ position: relative;
+}
+</style>
+
+<div id="targets"></div>
+
+<script>
+var expected_failures = {
+ 'Add-composite the neutral value onto a percent length type property with default value': {
+ chrome: true,
+ message: "getComputedStyle is broken under Chrome and this will return 'auto' while the specification says it should return pixels. https://code.google.com/p/chromium/issues/detail?id=229280"
+ },
+ '/(Add|Replace)-composite a color type property at t=1s/' : {
+ msie: true,
+ message: "IE returns rbga values."
+ },
+ '/(Add|Replace)-composite a shadow type property at t=1s/' : {
+ msie: true,
+ message: "IE returns different shadow format"
+ },
+ '/Add-composite the neutral value onto a (percent length|shadow|transform) type property with default value at t=0s/' : {
+ msie: true,
+ message: "IE returns auto|none|none"
+ },
+ 'Add-composite the neutral value onto a shadow type property at t=0s' : {
+ msie: true,
+ message: "IE returns different shadow format"
+ }
+};
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+
+// Sets up a 'to' animation which acts on a new element and tests for the
+// expected value at the specified offset.
+function testComposite(property, initialValue, composite, keyframeValue, offset, expectedValue,
+ message) {
+ var target = document.createElement('div');
+ document.getElementById('targets').appendChild(target);
+ if (initialValue !== undefined && initialValue !== null) {
+ target.style[property === 'transform' ? test_features.transformProperty : property] = initialValue;
+ }
+ var keyframes = {};
+ keyframes[property] = keyframeValue;
+ keyframes.composite = composite;
+ timing_test(function() {
+ document.timeline.play(new Animation(target, keyframes, {duration: 1, fill: 'forwards'}));
+ at(offset, function() {
+ var styles = {};
+ styles[property] = expectedValue;
+ assert_styles(target, styles);
+ });
+ }, message);
+}
+
+// Test replace composition.
+testComposite('color', null, 'replace', 'red', 1.0, 'rgb(255, 0, 0)',
+ 'Replace-composite a color type property');
+testComposite('left', null, 'replace', '42px', 1.0, '42px',
+ 'Replace-composite a percent length type property with a number');
+testComposite('left', null, 'replace', '42%', 1.0, '42px',
+ 'Replace-composite a percent length type property with a percentage');
+testComposite('marginTop', null, 'replace', '42px', 1.0, '42px',
+ 'Replace-composite a length type property');
+testComposite('clip', null, 'replace', 'rect(1px, 2px, 3px, 4px)', 1.0, 'rect(1px 2px 3px 4px)',
+ 'Replace-composite a rectangle type property');
+testComposite('fontWeight', null, 'replace', 'bold', 1.0, 'bold',
+ 'Replace-composite a font weight type property with a number');
+testComposite('fontWeight', null, 'replace', 800, 1.0, 800,
+ 'Replace-composite a font weight type property with a keyword');
+testComposite('opacity', null, 'replace', 0.42, 1.0, 0.42,
+ 'Replace-composite a number type property');
+testComposite('zIndex', null, 'replace', 42, 1.0, 42,
+ 'Replace-composite an integer type property');
+testComposite('textShadow', null, 'replace', '1px 2px red', 1.0, 'rgb(255, 0, 0) 1px 2px 0px',
+ 'Replace-composite a shadow type property');
+testComposite('transform', null, 'replace', 'scale(42)', 1.0, 'matrix(42, 0, 0, 42, 0, 0)',
+ 'Replace-composite a transform type property');
+testComposite('visibility', null, 'replace', 'hidden', 1.0, 'hidden',
+ 'Replace-composite a visibility type property');
+
+// Test add composition.
+testComposite('color', null, 'add', 'red', 1.0, 'rgb(255, 0, 0)',
+ 'Add-composite a color type property');
+testComposite('left', null, 'add', '42px', 1.0, '42px',
+ 'Add-composite a percent length type property with a number');
+testComposite('left', null, 'add', '42%', 1.0, '42px',
+ 'Add-composite a percent length type property with a percentage');
+testComposite('marginTop', null, 'add', '42px', 1.0, '42px',
+ 'Add-composite a length type property');
+testComposite('clip', null, 'add', 'rect(1px, 2px, 3px, 4px)', 1.0, 'rect(1px 2px 3px 4px)',
+ 'Add-composite a rectangle type property');
+testComposite('fontWeight', null, 'add', 'bold', 1.0, 900,
+ 'Add-composite a font weight type property with a number');
+testComposite('fontWeight', null, 'add', 800, 1.0, 900,
+ 'Add-composite a font weight type property with a keyword');
+testComposite('opacity', null, 'add', -0.42, 1.0, 0.58,
+ 'Add-composite a number type property');
+testComposite('zIndex', null, 'add', 42, 1.0, 42,
+ 'Add-composite an integer type property');
+testComposite('textShadow', null, 'add', '1px 2px red', 1.0, 'rgb(255, 0, 0) 1px 2px 0px',
+ 'Add-composite a shadow type property');
+testComposite('transform', null, 'add', 'scale(42)', 1.0, 'matrix(42, 0, 0, 42, 0, 0)',
+ 'Add-composite a transform type property');
+testComposite('visibility', null, 'add', 'hidden', 1.0, 'hidden',
+ 'Add-composite a visibility type property');
+
+// Test add composition with neutral value onto default value.
+testComposite('color', null, null, null, 0.0, 'rgb(0, 0, 0)',
+ 'Add-composite the neutral value onto a color type property with default value');
+testComposite('left', null, null, null, 0.0, '0px',
+ 'Add-composite the neutral value onto a percent length type property with default value');
+testComposite('marginTop',null, null, null, 0.0, '0%',
+ 'Add-composite the neutral value onto a length type property with default value');
+testComposite('clip',null, null, null, 0.0, 'auto',
+ 'Add-composite the neutral value onto a rectangle type property with default value');
+testComposite('fontWeight',null, null, null, 0.0, 'normal',
+ 'Add-composite the neutral value onto a font weight type property with default value');
+testComposite('opacity',null, null, null, 0.0, 1.0,
+ 'Add-composite the neutral value onto a number type property with default value');
+testComposite('zIndex',null, null, null, 0.0, 'auto',
+ 'Add-composite the neutral value onto an integer type property with default value');
+testComposite('textShadow',null, null, null, 0.0, 'none',
+ 'Add-composite the neutral value onto a shadow type property with default value');
+testComposite('transform',null, null, null, 0.0, 'none',
+ 'Add-composite the neutral value onto a transform type property with default value');
+testComposite('visibility',null, null, null, 0.0, 'visible',
+ 'Add-composite the neutral value onto a visibility type property with default value');
+
+// Test add composition with neutral value.
+testComposite('color', 'blue', null, null, 0.0, 'rgb(0, 0, 255)',
+ 'Add-composite the neutral value onto a color type property');
+testComposite('left', '42px', null, null, 0.0, '42px',
+ 'Add-composite the neutral value onto a percent length type property with a number');
+testComposite('left', '42%', null, null, 0.0, '42px',
+ 'Add-composite the neutral value onto a percent length type property with a percentage');
+testComposite('marginTop', '42px', null, null, 0.0, '42px',
+ 'Add-composite the neutral value onto a length type property');
+testComposite('clip', 'rect(1px 2px 3px 4px)', null, null, 0.0, 'rect(1px 2px 3px 4px)',
+ 'Add-composite the neutral value onto a rectangle type property');
+testComposite('fontWeight', 300, null, null, 0.0, 300,
+ 'Add-composite the neutral value onto a font weight type property with a number');
+testComposite('fontWeight', 'bold', null, null, 0.0, 'bold',
+ 'Add-composite the neutral value onto a font weight type property with a keyword');
+testComposite('opacity', 0.42, null, null, 0.0, 0.42,
+ 'Add-composite the neutral value onto a number type property');
+testComposite('zIndex', 42, null, null, 0.0, 42,
+ 'Add-composite the neutral value onto an integer type property');
+testComposite('textShadow', '1px 2px red', null, null, 0.0, 'rgb(255, 0, 0) 1px 2px 0px',
+ 'Add-composite the neutral value onto a shadow type property');
+testComposite('transform', 'scale(42)', null, null, 0.0, 'matrix(42, 0, 0, 42, 0, 0)',
+ 'Add-composite the neutral value onto a transform type property (scale)');
+testComposite('transform', 'rotate(0deg)', null, null, 0.0, 'matrix(1, 0, 0, 1, 0, 0)',
+ 'Add-composite the neutral value onto a transform type property (rotate)');
+testComposite('visibility', 'hidden', null, null, 0.0, 'hidden',
+ 'Add-composite the neutral value onto a visibility type property');
+
+</script>
« no previous file with comments | « pkg/polymer/lib/elements/web-animations-js/test/testcases/test-keyframe-animation-effect.html ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/test-null-target.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698