| <!doctype html> |
| <meta charset=utf-8> |
| <title>Setting the current time of an animation</title> |
| <link rel="help" |
| href="https://drafts.csswg.org/web-animations-1/#setting-the-current-time-of-an-animation"> |
| <script src='/resources/testharness.js'></script> |
| <script src='/resources/testharnessreport.js'></script> |
| <script src='../../testcommon.js'></script> |
| <body> |
| <div id='log'></div> |
| <script> |
| 'use strict'; |
| |
| promise_test(async t => { |
| const anim = createDiv(t).animate(null, 100 * MS_PER_SEC); |
| await anim.ready; |
| anim.pause(); |
| |
| // We should be pause-pending now |
| assert_true(anim.pending); |
| assert_equals(anim.playState, 'paused'); |
| |
| // Apply a pending playback rate |
| anim.updatePlaybackRate(2); |
| assert_equals(anim.playbackRate, 1); |
| |
| // Setting the current time should apply the pending playback rate |
| anim.currentTime = 50 * MS_PER_SEC; |
| assert_equals(anim.playbackRate, 2); |
| assert_false(anim.pending); |
| |
| // Sanity check that the current time is preserved |
| assert_time_equals_literal(anim.currentTime, 50 * MS_PER_SEC); |
| }, 'Setting the current time of a pausing animation applies a pending playback' |
| + ' rate'); |
| |
| </script> |
| </body> |