55 lines
2 KiB
HTML
55 lines
2 KiB
HTML
<!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>
|