Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-compositor.html |
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-compositor.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-compositor.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c04d721e4d49d456f9f584f60b455b224f836ad8 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-compositor.html |
@@ -0,0 +1,65 @@ |
+<!-- |
+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, .anim2 { |
+ fill: lightsteelblue; |
+} |
+ |
+.expectation { |
+ fill: red; |
+} |
+</style> |
+<svg> |
+ <rect class="expectation" x="200px" y="10px" width="100px" height="100px"> |
+ </rect> |
+ <rect class="expectation" x="200px" y="20px" width="200px" height="200px"> |
+ </rect> |
+ <rect class="anim" x="100px" y="10px" width="100px" height="100px"></rect> |
+ <rect class="anim2" x="100px" y="10px" width="100px" height="100px"></rect> |
+</svg> |
+<script> |
+var expected_failures = { |
+ '/Auto generated tests at t=(1|2|3|4|5|6)s/': { |
+ msie: true, |
+ firefox: true, |
+ message: "Getting weird numbers in ctm." |
+ } |
+}; |
+</script> |
+<script src="../bootstrap.js"></script> |
+<script> |
+"use strict"; |
+var rect = document.querySelector(".anim") |
+var rect2 = document.querySelector(".anim2") |
+ |
+var dt = document.timeline; |
+ |
+dt.play(new Animation(rect, [{x: "0px"}, {x: "400px"}], {duration: 3, fill: 'forwards'})); |
+dt.play(new Animation(rect, |
+ new KeyframeEffect([{x: "0px"}, {x: "200px"}], 'add'), |
+ {delay: 1, duration: 4, fill: 'forwards'})); |
+ |
+dt.play(new Animation(rect2, [ |
+ {transform: "translate(0px, 0px)"}, |
+ {transform: "translate(200px, 200px)"}, |
+], {duration: 3, fill: 'forwards'})); |
+dt.play(new Animation(rect2, new KeyframeEffect([ |
+ {transform: "rotate(0deg) translate(0px, 0px)"}, |
+ {transform: "rotate(90deg) translate(100px, 0px)"}, |
+], 'add'), {delay: 1, duration: 4, fill: 'forwards'})); |
+</script> |