diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-in-scroller-nested-2.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-in-scroller-nested-2.html | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-in-scroller-nested-2.html b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-in-scroller-nested-2.html new file mode 100644 index 0000000000..5e25f45275 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-in-scroller-nested-2.html @@ -0,0 +1,57 @@ +<!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; + } + + #scroller2 { + width: 110px; + height: 110px; + overflow: scroll; + } + + #spacer { + width: 130px; + height: 130px; + } + + #target { + width: 100px; + height: 100px; + } +</style> + +<div id=scroller2> + <div id="spacer"></div> + <div id="scroller"> + <img + id="target" + src="resources/green.png" + loading="lazy" + onload="img_onload();" + > + </div> +</div> + +<script> + const t = async_test( + "Test that lazy-loaded images load when near viewport." + ); + + function img_onload() { + t.done(); + } + + t.step_timeout(() => { + t.unreached_func( + "Timed out while waiting for image to load." + )(); + }, 2000); +</script> |