diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/embedded-content/the-iframe-element/iframe-loading-lazy-in-scroller-far.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/embedded-content/the-iframe-element/iframe-loading-lazy-in-scroller-far.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/embedded-content/the-iframe-element/iframe-loading-lazy-in-scroller-far.html b/testing/web-platform/tests/html/semantics/embedded-content/the-iframe-element/iframe-loading-lazy-in-scroller-far.html new file mode 100644 index 0000000000..eeb05b7b98 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/embedded-content/the-iframe-element/iframe-loading-lazy-in-scroller-far.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<link rel="help" href="https://html.spec.whatwg.org/#lazy-load-root-margin"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<style> + #scroller { + width: 100px; + height: 100px; + overflow: scroll; + background-color: gray; + } + + #spacer { + width: 130px; + height: 10000vh; + } + + #target { + width: 100px; + height: 100px; + } +</style> + +<div id="scroller"> + <div id="spacer"></div> + <iframe + id="target" + src="resources/subframe.html" + loading="lazy" + onload="iframe_onload();" + ></iframe> +</div> + +<script> + const t = async_test( + "Test that lazy-loaded iframes do not load when far from viewport." + ); + + function iframe_onload() { + t.unreached_func( + "Lazy-loading iframe far from viewport should not load." + )(); + } + + t.step_timeout(() => { + t.done(); + }, 2000); +</script> |