dictionary-fetch-timing-001.tentative.https.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /fetch/compression-dictionary/dictionary-fetch-timing-001.tentative.https.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<head>

<meta charset="utf-8">

<meta name="timeout" content="long"/>

<script src="./resources/compression-dictionary-util.sub.js"></script>

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

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

<link rel="help" href="https://github.com/whatwg/html/pull/11620#discussion_r3385960016">

<body>

  <script>

    compression_dictionary_promise_test(async t => {

      let sortedEvents = await new Promise(resolve => {

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

        iframe.src = "resources/dictionary-fetch-timing-001-subframe.https.html";

        window.addEventListener("message", message => resolve(message.data.sortedEvents));

        document.body.appendChild(iframe);

        t.add_cleanup(() => iframe.remove());

});

      // First verify observed fetches and load event...

      const fetchedNonDictionaryResources = [

        "/common/utils.js",

        "/html/semantics/document-metadata/interactions-of-styling-and-scripting/stylesheet.py?delay=1",

        "/images/wide-gamut-pattern.png",

];

      const fetchedLinkElement = "/fetch/compression-dictionary/resources/register-dictionary.py?linkElement";

      const fetchedLinkHeader = "/fetch/compression-dictionary/resources/register-dictionary.py?linkHeader";

      const loadEvent = "load event";

      let expectedEvents = fetchedNonDictionaryResources.concat([fetchedLinkElement, fetchedLinkHeader, loadEvent]);

      assert_array_equals(sortedEvents.toSorted(), expectedEvents.toSorted(), "Expected fetches and loaded events observed.");

      // Non-dictionary resources are fetched before dictionary resources.

      let indexOfLinkElement = sortedEvents.indexOf(fetchedLinkElement);

      let indexOfLinkHeader = sortedEvents.indexOf(fetchedLinkHeader);

      for (const resource of fetchedNonDictionaryResources) {

        let indexOfResource = sortedEvents.indexOf(resource);

        assert_less_than(indexOfResource, indexOfLinkElement, `${resource} fetched before link element with rel=compression-dictionary.`);

        assert_less_than(indexOfResource, indexOfLinkHeader, `${resource} fetched before Link header with rel=compression-dictionary.`);

};

      // Fetching link header is postponed after page load.

      let indexOfLoadEvent = sortedEvents.indexOf(loadEvent);

      assert_less_than(indexOfLoadEvent, indexOfLinkHeader, `Link header with rel=compression-dictionary is fetched after page load.`);

    }, "Timing of compression dictionary fetches for <link> element and Link header.");

  </script>

</body>