ladybird/Tests/LibWeb/Ref/input/css-keyframe-fill-forwards.html

<!doctype html>
<link rel="match" href="../expected/css-keyframe-fill-forwards-ref.html" />
<style>
    #foo {
        width: 100px;
        height: 100px;
        animation: anim 1s linear forwards;
    }
    @keyframes anim {
        from {
            background-color: red;
        }
        to {
            background-color: blue;
        }
    }
</style>
<div id="foo"></div>
<script>
    document.getElementById("foo").getAnimations()[0].currentTime = 1500;
</script>
LibWeb: Consider fill state before calling Animation::play() Animation::play_state() does not consider the fill state, and thus will not return "Playing" for a fill-forward animation in the after phase. It is still valid for paused, as pausing is not affected by the fill mode. 2024-03-05 19:04:14 -07:00			`<!doctype html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/css-keyframe-fill-forwards-ref.html" />`
LibWeb: Consider fill state before calling Animation::play() Animation::play_state() does not consider the fill state, and thus will not return "Playing" for a fill-forward animation in the after phase. It is still valid for paused, as pausing is not affected by the fill mode. 2024-03-05 19:04:14 -07:00			`<style>`
			`#foo {`
			`width: 100px;`
			`height: 100px;`
			`animation: anim 1s linear forwards;`
			`}`
			`@keyframes anim {`
			`from {`
			`background-color: red;`
			`}`
			`to {`
			`background-color: blue;`
			`}`
			`}`
			`</style>`
			`<div id="foo"></div>`
			`<script>`
			`document.getElementById("foo").getAnimations()[0].currentTime = 1500;`
			`</script>`