RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 06:37:44 +00:00
Code Issues Activity Actions

LibWeb: Add tests for the rest of the Animation properties

Browse source
This commit is contained in:
Matthew Olsson 2024-03-08 08:47:49 -07:00 • committed by Andreas Kling
parent e91f4dcd79
commit dc47210360
10 changed files with 164 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
Tests/LibWeb/Text/input/WebAnimations/animation-properties/playState.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
test(() => {
const foo = document.getElementById("foo");
let animation = foo.animate({ opacity: [0, 1] }, { duration: 1000 });
animation.cancel();
println(`Animation's playState is idle after cancel(): ${animation.playState === "idle"}`);
animation.play();
println(`Animation's playState is idle immediately after play(): ${animation.playState === "running"}`);
animation.pause();
println(`Animation's playState is paused after pause(): ${animation.playState === "paused"}`);
animation.finish();
println(`Animation's playState is finished after finish(): ${animation.playState === "finished"}`);
animation = foo.animate({ opacity: [0, 1] }, { duration: 1000 });
animation.currentTime = 1500;
println(`Animation's playState is finished after animation runs to completion: ${animation.playState === "finished"}`);
});
</script>