Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html |
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..37d04ab1c43c5ea7c02f466107891cb6cc3feb77 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html |
@@ -0,0 +1,28 @@ |
+<style> |
+#target { |
+ position: absolute; |
+ width: 10px; |
+ height: 10px; |
+ background: black; |
+} |
+</style> |
+<script src="../bootstrap.js"></script> |
+<div id="target"></div> |
+<script> |
+timing_test(function() { |
+ var player = target.animate([{left: '0px'}, {left: '100px'}], {duration: 2, fill: 'forwards'}).player; |
+ |
+ at(1, function() { |
+ assert_styles(target, {left: '50px'}); |
+ player.currentTime = 3; |
+ player.playbackRate = -1; |
+ assert_styles(target, {left: '100px'}); |
+ }, 'Player reversing'); |
+ |
+ at(2, function() {}, 'Tick'); |
+ |
+ at(3, function() { |
+ assert_styles(target, {left: '50px'}); |
+ }, 'Reversed player entering its active phase should take effect'); |
+}); |
+</script> |