| 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>
|
|
|