diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-animations/CSSAnimation-playState.tentative.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-animations/CSSAnimation-playState.tentative.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-animations/CSSAnimation-playState.tentative.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-animations/CSSAnimation-playState.tentative.html b/testing/web-platform/tests/css/css-animations/CSSAnimation-playState.tentative.html new file mode 100644 index 0000000000..acfdc1348f --- /dev/null +++ b/testing/web-platform/tests/css/css-animations/CSSAnimation-playState.tentative.html @@ -0,0 +1,55 @@ +<!doctype html> +<meta charset=utf-8> +<title>CSSAnimation.playState</title> +<!-- TODO: Add a more specific link for this once it is specified. --> +<link rel="help" href="https://drafts.csswg.org/css-animations-2/#cssanimation"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="support/testcommon.js"></script> +<style> +@keyframes anim { } +</style> +<div id="log"></div> +<script> +'use strict'; + +test(t => { + const div = addDiv(t, { 'style': 'animation: anim 100s' }); + const animation = div.getAnimations()[0]; + assert_true(animation.pending); + assert_equals(animation.playState, 'running'); + assert_equals(animation.startTime, null); +}, 'A new CSS animation is initially play-pending'); + +test(t => { + const div = addDiv(t, { 'style': 'animation: anim 1000s paused' }); + const animation = div.getAnimations()[0]; + assert_equals(animation.playState, 'paused'); +}, 'Animation returns correct playState when paused'); + +test(t => { + const div = addDiv(t, { 'style': 'animation: anim 1000s' }); + const animation = div.getAnimations()[0]; + animation.pause(); + assert_equals(animation.playState, 'paused'); +}, 'Animation.playState updates when paused by script'); + +test(t => { + const div = addDiv(t, { 'style': 'animation: anim 1000s paused' }); + const animation = div.getAnimations()[0]; + div.style.animationPlayState = 'running'; + + // This test also checks that calling playState flushes style + assert_equals(animation.playState, 'running', + 'Animation.playState reports running after updating' + + ' animation-play-state (got: ' + animation.playState + ')'); +}, 'Animation.playState updates when resumed by setting style'); + +test(t => { + const div = addDiv(t, { 'style': 'animation: anim 1000s' }); + const animation = div.getAnimations()[0]; + animation.cancel(); + assert_equals(animation.playState, 'idle'); +}, 'Animation returns correct playState when canceled'); + +</script> |