<!DOCTYPE html> <meta charset=utf-8> <title>Animation.pending</title> <link rel="help" href="https://drafts.csswg.org/web-animations/#dom-animation-pending"> <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(t => { const div = createDiv(t); const animation = div.animate({}, 100 * MS_PER_SEC); assert_true(animation.pending); return animation.ready.then(() => { assert_false(animation.pending); }); }, 'reports true -> false when initially played'); promise_test(t => { const div = createDiv(t); const animation = div.animate({}, 100 * MS_PER_SEC); animation.pause(); assert_true(animation.pending); return animation.ready.then(() => { assert_false(animation.pending); }); }, 'reports true -> false when paused'); promise_test(async t => { const animation = new Animation(new KeyframeEffect(createDiv(t), null, 100 * MS_PER_SEC), null); animation.play(); assert_true(animation.pending); await waitForAnimationFrames(2); assert_true(animation.pending); }, 'reports true -> true when played without a timeline'); promise_test(async t => { const animation = new Animation(new KeyframeEffect(createDiv(t), null, 100 * MS_PER_SEC), null); animation.pause(); assert_true(animation.pending); await waitForAnimationFrames(2); assert_true(animation.pending); }, 'reports true -> true when paused without a timeline'); </script> </body>