ladybird/Tests/LibWeb/Text/input/WebAnimations/animation-effect/get-timing.html
2024-03-30 19:26:58 +01:00

30 lines
983 B
HTML

<!DOCTYPE html>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
const foo = document.getElementById("foo");
test(() => {
const anim = foo.animate({}, {
delay: 10,
endDelay: 20,
fill: "forwards",
iterationStart: 30,
iterations: 40,
duration: 50,
direction: "alternate-reverse",
easing: "linear",
});
const timing = anim.effect.getTiming();
println(`num properties: ${Object.getOwnPropertyNames(timing).length}`);
println(`delay: ${timing.delay}`);
println(`endDelay: ${timing.endDelay}`);
println(`fill: ${timing.fill}`);
println(`iterationStart: ${timing.iterationStart}`);
println(`iterations: ${timing.iterations}`);
println(`duration: ${timing.duration}`);
println(`direction: ${timing.direction}`);
println(`easing: ${timing.easing}`);
});
</script>