image-loading-lazy-move-into-script-disabled-iframe.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/the-img-element/image-loading-lazy-move-into-script-disabled-iframe.html - WPT Dashboard Interop Dashboard

<!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>