diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html new file mode 100644 index 0000000000..f25bd6f4d0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<div style="height:1000vh;"></div> + +<img id="img" loading="lazy" src="image.png?lazy-below-viewport"> + +<script> + const img = document.querySelector('#img'); + + img.addEventListener("load", () => { + parent.postMessage("image_loaded", "*"); + }); + + window.addEventListener("load", () => { + parent.postMessage("window_loaded", "*"); + }); + + window.addEventListener("message", event => { + if (event.data == "scroll") { + img.scrollIntoView(); + } + }); +</script> |