From 6bf1a30bf5d451ba7ef2f12193e4a8ac0f3feb77 Mon Sep 17 00:00:00 2001
From: Matthew Olsson <matthewcolsson@gmail.com>
Date: Sun, 17 Mar 2024 17:39:43 -0700
Subject: [PATCH] LibWeb: Add tests for animating unresolved properties

---
 .../animating-unresolved-properties-crash.txt |  1 +
 .../animating-unresolved-properties-crash.txt |  1 +
 ...animating-unresolved-properties-crash.html | 23 ++++++++++++++++
 ...animating-unresolved-properties-crash.html | 26 +++++++++++++++++++
 4 files changed, 51 insertions(+)
 create mode 100644 Tests/LibWeb/Text/expected/WebAnimations/misc/animating-unresolved-properties-crash.txt
 create mode 100644 Tests/LibWeb/Text/expected/css/animating-unresolved-properties-crash.txt
 create mode 100644 Tests/LibWeb/Text/input/WebAnimations/misc/animating-unresolved-properties-crash.html
 create mode 100644 Tests/LibWeb/Text/input/css/animating-unresolved-properties-crash.html

diff --git a/Tests/LibWeb/Text/expected/WebAnimations/misc/animating-unresolved-properties-crash.txt b/Tests/LibWeb/Text/expected/WebAnimations/misc/animating-unresolved-properties-crash.txt
new file mode 100644
index 00000000000..be36d109cd5
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/WebAnimations/misc/animating-unresolved-properties-crash.txt
@@ -0,0 +1 @@
+   PASS! (Didn't crash)
diff --git a/Tests/LibWeb/Text/expected/css/animating-unresolved-properties-crash.txt b/Tests/LibWeb/Text/expected/css/animating-unresolved-properties-crash.txt
new file mode 100644
index 00000000000..be36d109cd5
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/css/animating-unresolved-properties-crash.txt
@@ -0,0 +1 @@
+   PASS! (Didn't crash)
diff --git a/Tests/LibWeb/Text/input/WebAnimations/misc/animating-unresolved-properties-crash.html b/Tests/LibWeb/Text/input/WebAnimations/misc/animating-unresolved-properties-crash.html
new file mode 100644
index 00000000000..71d46f6ea62
--- /dev/null
+++ b/Tests/LibWeb/Text/input/WebAnimations/misc/animating-unresolved-properties-crash.html
@@ -0,0 +1,23 @@
+<!-- https://github.com/SerenityOS/serenity/issues/23609 -->
+<style>
+    :root {
+        --accent: #00f;
+    }
+</style>
+<div id="foo"></div>
+<script src="../../include.js"></script>
+<script>
+    asyncTest(done => {
+        document.getElementById("foo").animate({
+            borderTop: ['2px solid var(--accent)'],
+        }, {
+            duration: 1000,
+            iterations: Infinity,
+        });
+
+        requestAnimationFrame(() => {
+            println("PASS! (Didn't crash)");
+            done();
+        });
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/css/animating-unresolved-properties-crash.html b/Tests/LibWeb/Text/input/css/animating-unresolved-properties-crash.html
new file mode 100644
index 00000000000..055f97a78fb
--- /dev/null
+++ b/Tests/LibWeb/Text/input/css/animating-unresolved-properties-crash.html
@@ -0,0 +1,26 @@
+<!-- https://github.com/SerenityOS/serenity/issues/23609 -->
+<style>
+    :root {
+        --accent: #00f;
+    }
+
+    @keyframes myMove {
+        0% {
+            border-top: 2px solid var(--accent);
+        }
+    }
+
+    div {
+        animation: myMove 1s infinite;
+    }
+</style>
+<div></div>
+<script src="../include.js"></script>
+<script>
+    asyncTest(done => {
+        requestAnimationFrame(() => {
+            println("PASS! (Didn't crash)");
+            done();
+        });
+    });
+</script>