Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/test-pause-for-testing.html |
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-pause-for-testing.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-pause-for-testing.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..de26dcd287dc1ec9c05694122fd1a89d40cfcdf0 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-pause-for-testing.html |
@@ -0,0 +1,52 @@ |
+<!-- |
+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> |
+.anim { |
+ position: absolute; |
+ width: 50px; |
+ height: 50px; |
+ top: 0px; |
+ border-radius: 50%; |
+} |
+</style> |
+<div class='anim' id='a' style='left: 0px; background-color: lightsteelblue'></div> |
+<div class='anim' id='b' style='left: 450px; background-color: red'></div> |
+<script src='../bootstrap.js'></script> |
+<script> |
+'use strict'; |
+var downRed = new ParGroup( |
+ [new Animation(document.querySelector('#a'), {top: '600px'}, 4)]); |
+var downBlue = new ParGroup( |
+ [new Animation(document.querySelector('#b'), {top: '600px'}, 4)], |
+ {delay: 1}); |
+document.timeline.play(downRed); |
+document.timeline.play(downBlue); |
+document.timeline._pauseAnimationsForTesting(2); |
+ |
+timing_test(function() { |
+ at(0, function() { |
+ assert_styles('#a', {'top':'300px'}) |
+ assert_styles('#b', {'top':'150px'}) |
+ }); |
+ at(12, function() { |
+ assert_styles('#a', {'top':'300px'}) |
+ assert_styles('#b', {'top':'150px'}) |
+ }); |
+}, 'Pausing all animations should work when players have different start delays.') |
+</script> |