image-loading-lazy-slow-aspect-ratio.html (821B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="match" href="image-loading-lazy-slow-aspect-ratio-ref.html"> 4 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element"> 6 <script src="/common/reftest-wait.js"></script> 7 <img id=target loading="lazy" 8 width="200" height="100" style="width: 100px; height: auto; border: 1px solid black"> 9 <script> 10 let loaded = false; 11 target.onload = () => { 12 if (loaded) return; 13 loaded = true; 14 target.src = ""; 15 requestAnimationFrame(() => requestAnimationFrame(() => { 16 target.src = "resources/image.png?slow-aspect-ratio&pipe=trickle(d2)"; 17 takeScreenshot(); 18 })); 19 }; 20 target.src = "resources/image.png?slow-aspect-ratio"; 21 </script>