diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-move-into-script-disabled-iframe.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-move-into-script-disabled-iframe.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-move-into-script-disabled-iframe.html b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-move-into-script-disabled-iframe.html new file mode 100644 index 0000000000..79bfa24378 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-move-into-script-disabled-iframe.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<head> +<title>A loading='lazy' image starts loading when the element is moved into + an iframe where script is disabled</title> +<link rel="help" href="https://github.com/scott-little/lazyload"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +</head> + +<div style="height:1000vh;"></div> +<iframe id="iframe" src="resources/image-loading-lazy-in-viewport.html"> +</iframe> +<iframe id="sandboxediframe" sandbox="allow-same-origin"> +</iframe> +<script> +promise_test(async t => { + await new Promise(resolve => window.addEventListener('load', resolve)); + + const image = iframe.contentDocument.querySelector("img"); + + assert_false(image.complete, "lazy-load image shouldn't be loaded"); + + sandboxediframe.contentDocument.body.appendChild(image); + await new Promise(resolve => image.addEventListener("load", resolve)); + + assert_true(image.complete, + "lazy-load image shouldn't be honored in script disabled iframe"); +}); +</script> |