diff --git a/Tests/LibWeb/Text/expected/display_list/clip-invalidation.txt b/Tests/LibWeb/Text/expected/display_list/clip-invalidation.txt
new file mode 100644
index 00000000000..15f676e7d5c
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/display_list/clip-invalidation.txt
@@ -0,0 +1,28 @@
+Before clip change:
+AccumulatedVisualContext Tree:
+  [1] scroll_frame_id=0 (PaintableWithLines(BlockContainer<PRE>#out))
+    [2] clip=[8,13 100x100] (PaintableWithLines(BlockContainer<DIV>#box.box))
+
+DisplayList:
+Save@0
+  ApplyTransform@0 matrix=[1 0 0 1 0 0]
+  SaveLayer@0
+    FillRect@2 rect=[8,13 100x100] color=rgb(173, 216, 230)
+    DrawGlyphRun@2 rect=[8,13 30x18] translation=[8,26.796875] color=rgb(0, 0, 0) scale=1
+  Restore@0
+Restore@0
+
+After clip change:
+AccumulatedVisualContext Tree:
+  [1] scroll_frame_id=0 (PaintableWithLines(BlockContainer<PRE>#out))
+    [2] clip=[8,13 100x100] (PaintableWithLines(BlockContainer<DIV>#box.box))
+
+DisplayList:
+Save@0
+  ApplyTransform@0 matrix=[1 0 0 1 0 0]
+  SaveLayer@0
+    FillRect@2 rect=[8,13 100x100] color=rgb(173, 216, 230)
+    DrawGlyphRun@2 rect=[8,13 30x18] translation=[8,26.796875] color=rgb(0, 0, 0) scale=1
+  Restore@0
+Restore@0
+
diff --git a/Tests/LibWeb/Text/input/display_list/clip-invalidation.html b/Tests/LibWeb/Text/input/display_list/clip-invalidation.html
new file mode 100644
index 00000000000..0e48e2989d8
--- /dev/null
+++ b/Tests/LibWeb/Text/input/display_list/clip-invalidation.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<script src="../include.js"></script>
+<style>
+    .box {
+        position: absolute;
+        width: 100px;
+        height: 100px;
+        background: lightblue;
+        clip: rect(0px, 100px, 100px, 0px);
+    }
+</style>
+<div class="box" id="box">Box</div>
+<script>
+    test(() => {
+        // NOTE: Display lists are captured first and printed later because println() modifies
+        // the DOM tree, causing layout updates that invalidate the accumulated visual context
+        // tree, which would affect the captured display lists.
+        const displayListBefore = internals.dumpDisplayList();
+        document.getElementById("box").style.clip = "rect(10px, 90px, 90px, 10px)";
+        const displayListAfter = internals.dumpDisplayList();
+
+        println("Before clip change:");
+        println(displayListBefore);
+        println("After clip change:");
+        println(displayListAfter);
+    });
+</script>
