summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/sizes/sizes-auto-rendering.html
blob: e972f69c20d70218810abb39204ada0a363c5a2a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<html class="reftest-wait">
<title>Auto sizes rendering</title>
<link rel="help" href="https://html.spec.whatwg.org/multipage/images.html#sizes-attributes">
<link rel="match" href="reference/sizes-auto-rendering-ref.html">
<script src="/common/rendering-utils.js"></script>
<script src="/common/reftest-wait.js"></script>
<img
  id="testImg"
  loading="lazy"
  sizes="auto"
  width="33"
  height="13"
>
<script>
  function imageLoaded() {
    waitForAtLeastOneFrame().then(takeScreenshot);
  }

  testImg.addEventListener('load', imageLoaded);
  testImg.setAttribute('srcset', `
    /images/fail.gif 10w,
    /images/green.png 100w,
    /images/red.png 1000w
  `);
</script>