mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-07-29 12:19:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Add a test for Animation.updatePlaybackRate()

Browse source
This commit is contained in:
Matthew Olsson 2024-03-28 14:47:55 +00:00 • committed by Andreas Kling
commit 83d3defc11
Notes: sideshowbarker 2024-07-17 00:37:23 +09:00
2 changed files with 53 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

49
Tests/LibWeb/Text/input/WebAnimations/animation-methods/updatePlaybackRate.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
const animationFrame = () => {
const { promise, resolve } = Promise.withResolvers();
requestAnimationFrame(resolve);
return promise;
}
asyncTest(async done => {
const foo = document.getElementById("foo");
let anim = foo.animate({}, { duration: Infinity });
anim.pause();
anim.updatePlaybackRate(2.0);
await animationFrame();
if (anim.playbackRate !== 2.0)
println("updatePlaybackRate() does nothing if the animation is pending");
anim = foo.animate({}, {});
anim.cancel();
anim.updatePlaybackRate(2.0);
if (anim.playbackRate === 2.0)
println("updatePlaybackRate() updates an idle animation's playback rate immediately");
anim = foo.animate({}, {});
await animationFrame();
anim.updatePlaybackRate(2.0);
if (anim.playbackRate === 2.0)
println("updatePlaybackRate() updates a running animation's playback rate after an animation frame");
anim = foo.animate({}, {});
anim.pause();
await animationFrame();
anim.updatePlaybackRate(2.0);
if (anim.playbackRate === 2.0)
println("updatePlaybackRate() updates a paused animation's playback rate after an animation frame");
anim = foo.animate({}, {});
anim.finish();
await animationFrame();
anim.updatePlaybackRate(2.0);
if (anim.playbackRate === 2.0)
println("updatePlaybackRate() updates a finished animation's playback rate after an animation frame");
done();
});
</script>