minerva/Tests/LibWeb/Text/input/WebAnimations/animation-properties/playState.html at d96ab76c3335d47cae908f8e215102eecbd680d9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Text / input / WebAnimations / animation-properties / playState.html

minerva on 13 Jul 1 KB Initial commit

Raw Blame History

<!DOCTYPE html>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
    test(() => {
        const foo = document.getElementById("foo");
        let animation = foo.animate({ opacity: [0, 1] }, { duration: 1000 });

        animation.cancel();
        println(`Animation's playState is idle after cancel(): ${animation.playState === "idle"}`);

        animation.play();
        println(`Animation's playState is idle immediately after play(): ${animation.playState === "running"}`);

        animation.pause();
        println(`Animation's playState is paused after pause(): ${animation.playState === "paused"}`);

        animation.finish();
        println(`Animation's playState is finished after finish(): ${animation.playState === "finished"}`);

        animation = foo.animate({ opacity: [0, 1] }, { duration: 1000 });
        animation.currentTime = 1500;
        println(`Animation's playState is finished after animation runs to completion: ${animation.playState === "finished"}`);
    });
</script>