system/serenity
system/serenity
1
0
Fork 0
mirror of https://github.com/SerenityOS/serenity synced 2024-09-06 17:06:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Add a test for Animation.persist()

Browse source
This commit is contained in:
Matthew Olsson 2024-03-28 16:10:42 +00:00 committed by Andreas Kling
parent c22055941a
commit 86bb51d9bf
2 changed files with 41 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Tests/LibWeb/Text/expected/WebAnimations/animation-methods/persist.txt Normal file
View file

@ -0,0 +1,3 @@
persist() sets animation's replaceState to persist
Animations are properly replaced when covered by another animation
persist() keeps an animation from being replaced

38
Tests/LibWeb/Text/input/WebAnimations/animation-methods/persist.html Normal file
View file

@ -0,0 +1,38 @@
<!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({}, {});
const prevReplaceState = anim.replaceState;
anim.persist();
if (prevReplaceState === "active" && anim.replaceState === "persisted")
println("persist() sets animation's replaceState to persist");
const timeline = internals.createInternalAnimationTimeline();
let anim1 = foo.animate({ opacity: 0 }, { duration: 1000, fill: "forwards", timeline });
let anim2 = foo.animate({ opacity: 0 }, { duration: 500, fill: "forwards", timeline });
timeline.setTime(1500);
await animationFrame();
if (anim1.replaceState === "removed" && anim2.replaceState === "active")
println("Animations are properly replaced when covered by another animation");
anim1 = foo.animate({ opacity: 0 }, { duration: 1000, fill: "forwards", timeline });
anim2 = foo.animate({ opacity: 0 }, { duration: 500, fill: "forwards", timeline });
anim1.persist();
timeline.setTime(1500);
await animationFrame();
if (anim1.replaceState === "persisted" && anim2.replaceState === "active")
println("persist() keeps an animation from being replaced");
done();
});
</script>