ladybird/Tests/LibWeb/Text/input/css/animating-transform-with-calc-crash.html

<!DOCTYPE html>
<!-- https://github.com/SerenityOS/serenity/issues/23633 -->
<style>
    div {
        --some-var: -100px;
        animation: anim 1s infinite;
    }

    @keyframes anim {
        to {
            transform: translateX(calc(var(--some-var) * -1));
        }
    }
</style>
<div></div>
<script src="../include.js"></script>
<script>
    promiseTest(async () => {
        await animationFrame();
        println("PASS! (Didn't crash)");
    });
</script>
Meta: Add DOCTYPEs to most text tests 2025-03-18 19:28:35 +01:00			`<!DOCTYPE html>`
LibWeb: Use LengthPercentage for calc values in Transformation matrix 2024-05-25 12:03:59 -07:00			`<!-- https://github.com/SerenityOS/serenity/issues/23633 -->`
			`<style>`
			`div {`
			`--some-var: -100px;`
			`animation: anim 1s infinite;`
			`}`

			`@keyframes anim {`
			`to {`
			`transform: translateX(calc(var(--some-var) * -1));`
			`}`
			`}`
			`</style>`
			`<div></div>`
			`<script src="../include.js"></script>`
			`<script>`
			`promiseTest(async () => {`
			`await animationFrame();`
			`println("PASS! (Didn't crash)");`
			`});`
			`</script>`