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