mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-22 01:08:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

LibWeb: Add a test to ensure style invalidations don't reset animations

Browse source
This commit is contained in:
Matthew Olsson 2024-03-25 18:27:39 -07:00 • committed by Andreas Kling
commit 43b0b3fa80
Notes: sideshowbarker 2024-07-17 02:06:40 +09:00
2 changed files with 35 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Tests/LibWeb/Text/expected/WebAnimations/misc/animation-single-iteration-no-repeat.txt Normal file
View file

@ -0,0 +1 @@
finish count: 1

34
Tests/LibWeb/Text/input/WebAnimations/misc/animation-single-iteration-no-repeat.html Normal file
View file

@ -0,0 +1,34 @@
<!-- https://github.com/SerenityOS/serenity/issues/23716 -->
<!DOCTYPE html>
<style>
#foo {
animation: anim .025s;
}
@keyframes anim {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
asyncTest(done => {
const foo = document.getElementById("foo");
let finishCount = 0;
foo.getAnimations()[0].onfinish = () => {
finishCount += 1;
}
// Cause a few style invalidations, which shouldn't mess with the animation at all
setInterval(() => foo.style = "", 50);
setTimeout(() => {
println(`finish count: ${finishCount}`);
done();
}, 200);
})
</script>