Index: LayoutTests/web-animations-api/transitions-replay.html |
diff --git a/LayoutTests/web-animations-api/transitions-replay.html b/LayoutTests/web-animations-api/transitions-replay.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8849de939349cd48c976a9f57559feed7a2bc5ea |
--- /dev/null |
+++ b/LayoutTests/web-animations-api/transitions-replay.html |
@@ -0,0 +1,30 @@ |
+<!DOCTYPE html> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+<div id='element'></div> |
+<style> |
+ #element { |
+ transition: background 100ms; |
+ background: black; |
+ } |
+</style> |
+<script> |
+var t = async_test('Replaying a transition after it has finished should not trigger a new transition'); |
+ |
+t.step(function() { |
+ element.offsetTop; // Force recalc |
+ element.style.background = "green"; |
+ element.offsetTop; // Force recalc |
+ |
+ assert_equals(document.timeline.getAnimationPlayers().length, 1); |
+ var player = document.timeline.getAnimationPlayers()[0]; |
+ player.onfinish = function() { |
+ requestAnimationFrame(function() { |
+ requestAnimationFrame(function() { |
+ player.startTime = document.timeline.currentTime - 10; |
+ player.onfinish = t.done.bind(t); |
+ }); |
+ }); |
+ } |
+}); |
+</script> |