audio-loading-lazy-in-viewport.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/the-audio-element/audio-loading-lazy-in-viewport.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="author" title="Squarespace" href="https://www.squarespace.com/">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<body>

<script>

  let windowLoadFired = false;

  async_test(t => {

    const audio = document.createElement("audio");

    audio.id = "target";

    audio.loading = "lazy";

    audio.src = "/media/sine440.mp3?pipe=trickle(d2)";

    audio.controls = true;

    window.addEventListener("load", () => {

      windowLoadFired = true;

});

    audio.addEventListener("loadeddata", t.step_func_done(() => {

      assert_true(windowLoadFired, "Window load event should fire before lazy audio in viewport finishes loading");

    }));

    document.body.appendChild(audio);

  }, "In-viewport audio with loading='lazy' does not block window load");

</script>

</body>