Files
ladybird/Tests/LibWeb/Text/input/HTML/picture-image-load-after-document-destroy.html
Andreas Kling aafe3658fd 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.
2026-02-10 21:19:35 +01:00

46 lines
1.2 KiB
HTML

<!DOCTYPE html>
<script src="../include.js"></script>
<script>
// Test: Picture element with source loading a delayed image.
// The iframe is removed before the image arrives.
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="blue"/></svg>';
const imageUrl = await server.createEcho("GET", "/delayed-picture-image.svg", {
status: 200,
headers: {
"Content-Type": "image/svg+xml",
"Access-Control-Allow-Origin": "*",
},
body: svgBody,
delay_ms: 200,
});
const iframe = document.createElement("iframe");
document.body.appendChild(iframe);
const doc = iframe.contentDocument;
const picture = doc.createElement("picture");
const source = doc.createElement("source");
source.srcset = imageUrl;
source.type = "image/svg+xml";
picture.appendChild(source);
const img = doc.createElement("img");
img.src = imageUrl;
picture.appendChild(img);
doc.body.appendChild(picture);
setTimeout(() => {
iframe.remove();
}, 50);
setTimeout(() => {
println("PASS");
done();
}, 1000);
});
</script>