| <!DOCTYPE html> |
| <meta charset=utf-8> |
| <title>Animation.startTime</title> |
| <link rel="help" |
| href="https://drafts.csswg.org/web-animations/#dom-animation-starttime"> |
| <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'; |
| |
| test(t => { |
| const animation = new Animation(new KeyframeEffect(createDiv(t), null), |
| document.timeline); |
| assert_equals(animation.startTime, null, 'startTime is unresolved'); |
| }, 'startTime of a newly created (idle) animation is unresolved'); |
| |
| test(t => { |
| const animation = new Animation(new KeyframeEffect(createDiv(t), null), |
| document.timeline); |
| animation.play(); |
| assert_equals(animation.startTime, null, 'startTime is unresolved'); |
| }, 'startTime of a play-pending animation is unresolved'); |
| |
| test(t => { |
| const animation = new Animation(new KeyframeEffect(createDiv(t), null), |
| document.timeline); |
| animation.pause(); |
| assert_equals(animation.startTime, null, 'startTime is unresolved'); |
| }, 'startTime of a pause-pending animation is unresolved'); |
| |
| test(t => { |
| const animation = createDiv(t).animate(null); |
| assert_equals(animation.startTime, null, 'startTime is unresolved'); |
| }, 'startTime of a play-pending animation created using Element.animate' |
| + ' shortcut is unresolved'); |
| |
| promise_test(t => { |
| const animation = createDiv(t).animate(null, 100 * MS_PER_SEC); |
| return animation.ready.then(() => { |
| assert_greater_than(animation.startTime, 0, 'startTime when running'); |
| }); |
| }, 'startTime is resolved when running'); |
| |
| test(t => { |
| const animation = createDiv(t).animate(null, 100 * MS_PER_SEC); |
| animation.cancel(); |
| assert_equals(animation.startTime, null); |
| assert_equals(animation.currentTime, null); |
| }, 'startTime and currentTime are unresolved when animation is cancelled'); |
| |
| </script> |
| </body> |
