Tests/LibWeb: Add text tests for image loading after document destroy

Add 6 text tests that verify correct behavior when image loading callbacks fire after a document has been destroyed. These tests check that load/error events are properly suppressed and that no additional network activity occurs after the document becomes inactive.
Author: https://github.com/awesomekling Commit: https://github.com/LadybirdBrowser/ladybird/commit/aafe3658fdf Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/7869
2026-05-03 21:12:08 +02:00 · 2026-02-10 14:50:44 +01:00 · 2026-02-10 20:21:11 +00:00
parent d0fd5dd731
commit aafe3658fd
12 changed files with 268 additions and 0 deletions
--- a/Tests/LibWeb/Text/input/HTML/multiple-images-load-after-document-destroy.html
+++ b/Tests/LibWeb/Text/input/HTML/multiple-images-load-after-document-destroy.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<script src="../include.js"></script>
+<script>
+// Test: Multiple images with varying delays complete after the iframe's
+// document is destroyed. Some arrive before destruction, some after.
+asyncTest(async done => {
+    const server = httpTestServer();
+
+    const svgBody = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><rect width="10" height="10" fill="red"/></svg>';
+
+    // Create images with different delays.
+    const delays = [10, 50, 100, 200, 300, 500];
+    const imageUrls = [];
+    for (let i = 0; i < delays.length; i++) {
+        const url = await server.createEcho("GET", `/delayed-multi-image-${i}.svg`, {
+            status: 200,
+            headers: {
+                "Content-Type": "image/svg+xml",
+                "Access-Control-Allow-Origin": "*",
+            },
+            body: svgBody,
+            delay_ms: delays[i],
+        });
+        imageUrls.push(url);
+    }
+
+    const iframe = document.createElement("iframe");
+    document.body.appendChild(iframe);
+
+    const doc = iframe.contentDocument;
+    for (const url of imageUrls) {
+        const img = doc.createElement("img");
+        img.src = url;
+        doc.body.appendChild(img);
+    }
+
+    // Remove iframe after 75ms. Images with delay 10 and 50 arrive before removal,
+    // images with delay 100+ arrive after removal.
+    setTimeout(() => {
+        iframe.remove();
+    }, 75);
+
+    setTimeout(() => {
+        println("PASS");
+        done();
+    }, 2000);
+});
+</script>