LibWeb: Add tests for animating unresolved properties

This commit is contained in:
Matthew Olsson 2024-03-17 17:39:43 -07:00 committed by Andreas Kling
parent 0d70311c90
commit 6bf1a30bf5
Notes: sideshowbarker 2024-07-17 00:49:59 +09:00
4 changed files with 51 additions and 0 deletions

View File

@ -0,0 +1 @@
PASS! (Didn't crash)

View File

@ -0,0 +1 @@
PASS! (Didn't crash)

View File

@ -0,0 +1,23 @@
<!-- https://github.com/SerenityOS/serenity/issues/23609 -->
<style>
:root {
--accent: #00f;
}
</style>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
asyncTest(done => {
document.getElementById("foo").animate({
borderTop: ['2px solid var(--accent)'],
}, {
duration: 1000,
iterations: Infinity,
});
requestAnimationFrame(() => {
println("PASS! (Didn't crash)");
done();
});
});
</script>

View File

@ -0,0 +1,26 @@
<!-- https://github.com/SerenityOS/serenity/issues/23609 -->
<style>
:root {
--accent: #00f;
}
@keyframes myMove {
0% {
border-top: 2px solid var(--accent);
}
}
div {
animation: myMove 1s infinite;
}
</style>
<div></div>
<script src="../include.js"></script>
<script>
asyncTest(done => {
requestAnimationFrame(() => {
println("PASS! (Didn't crash)");
done();
});
});
</script>