LibWeb: Support subtree option in Animatable.getAnimations()

Author: https://github.com/mattco98 Commit: a80af938eb Pull-request: https://github.com/SerenityOS/serenity/pull/24514
2025-07-31 21:29:06 +00:00 · 2024-05-28 04:19:50 -07:00 · 2024-05-28 04:19:50 -07:00 · a80af938eb · 2024-07-17 11:30:05 +09:00
commit a80af938eb
parent e2cb25e35c
3 changed files with 41 additions and 4 deletions
--- a/Tests/LibWeb/Text/input/WebAnimations/misc/animatable.html
+++ b/Tests/LibWeb/Text/input/WebAnimations/misc/animatable.html
@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<div id="parent">
+    <div id="child1"></div>
+    <div id="child2">
+        <div id="child3"></div>
+    </div>
+</div>
+<script src="../../include.js"></script>
+<script>
+    test(() => {
+        const elements = ["parent", "child1", "child2", "child3"];
+        for (const id of elements)
+            document.getElementById(id).animate({}, { duration: Infinity });
+
+        const parent = document.getElementById("parent");
+        const subtreeAnimations = parent.getAnimations({ subtree: true });
+        println(`num animations without subtree: ${parent.getAnimations({ subtree: false }).length}`);
+        println(`num animations with subtree: ${subtreeAnimations.length}`);
+
+        for (let i = 0; i < elements.length; i++) {
+            const elem = document.getElementById(elements[i]);
+            const correctOrder = Object.is(subtreeAnimations[i], elem.getAnimations()[0]);
+            println(`Anim for element ${elements[i]} is in the correct order: ${correctOrder}`);
+        }
+    })
+</script>