mirror of
https://github.com/servo/servo.git
synced 2025-06-29 11:33:39 +01:00
53 lines
2 KiB
HTML
53 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>In-viewport loading=lazy not-rendered images should never load</title>
|
|
<link rel="author" title="Rob Buis" href="mailto:rbuis@igalia.com">
|
|
<link rel="author" title="Dom Farolino" href="mailto:dom@chromium.org">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="common.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- These images must not attempt to load -->
|
|
<img id="display_none" style="display:none;" src="resources/image.png?2" loading="lazy"
|
|
onload="display_none_img.resolve();" onerror="display_none_img.reject();">
|
|
<img id="attribute_hidden" hidden src="resources/image.png?3" loading="lazy"
|
|
onload="attribute_hidden_img.resolve();" onerror="attribute_hidden_img.reject();">
|
|
<img id="js_display_none" src="resources/image.png?4" loading="lazy"
|
|
onload="js_display_none_img.resolve();" onerror="js_display_none_img.reject();">
|
|
<script>
|
|
document.getElementById("js_display_none").style = 'display:none;';
|
|
</script>
|
|
</body>
|
|
|
|
<!--
|
|
Marked as tentative until https://github.com/whatwg/html/pull/3752 is landed.
|
|
-->
|
|
|
|
<script>
|
|
const display_none_img = new ElementLoadPromise("display_none");
|
|
const attribute_hidden_img = new ElementLoadPromise("attribute_hidden");
|
|
const js_display_none_img = new ElementLoadPromise("js_display_none");
|
|
|
|
async_test(t => {
|
|
const unreached_not_rendered_img_func =
|
|
t.unreached_func("The not-rendered in-viewport loading=lazy images " +
|
|
"should not attempt to load.");
|
|
|
|
display_none_img.promise
|
|
.then(unreached_not_rendered_img_func)
|
|
.catch(unreached_not_rendered_img_func);
|
|
|
|
attribute_hidden_img.promise
|
|
.then(unreached_not_rendered_img_func)
|
|
.catch(unreached_not_rendered_img_func);
|
|
|
|
js_display_none_img.promise
|
|
.then(unreached_not_rendered_img_func)
|
|
.catch(unreached_not_rendered_img_func);
|
|
|
|
t.step_timeout(t.done, 2000);
|
|
}, "In-viewport loading=lazy not-rendered images should never load");
|
|
</script>
|
|
|