dictionary-fetch-with-link-element.tentative.https.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

<head>

<meta charset="utf-8">

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

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

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

<script src="/common/get-host-info.sub.js"></script>

<script src="/common/utils.js"></script>

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

</head>

<body>

<script>

function addLinkRelCompressionDictionaryElement(url, crossOrigin) {

  const link = document.createElement('link');

  link.rel = 'compression-dictionary';

  link.href = url;

  if (crossOrigin) {

    link.crossOrigin = crossOrigin;

  document.head.appendChild(link);

test(t => {

    const link_element = document.createElement('link');

    assert_true(link_element.relList.supports('compression-dictionary'));

  }, "Browser supports link element with compression-dictionary rel.");

compression_dictionary_promise_test(async (t) => {

  const dict_token = token();

  const url = `${kRegisterDictionaryPath}?save_header=${dict_token}`;

  addLinkRelCompressionDictionaryElement(url);

  // Wait for a while to ensure that the dictionary is fetched.

  await new Promise(resolve => window.requestIdleCallback(resolve));

  const headers = await waitUntilPreviousRequestHeaders(t, dict_token);

  assert_true(headers !== undefined, 'Headers should be available');

  assert_equals(headers['sec-fetch-mode'], 'cors');

  // Wait until `available-dictionary` header is available.

  assert_equals(

      await waitUntilAvailableDictionaryHeader(t, {}),

      kDefaultDictionaryHashBase64);

  // Check if the data compressed using Brotli with the dictionary can be

  // decompressed.

  const data_url = `${kCompressedDataPath}?content_encoding=dcb`;

  assert_equals(await (await fetch(data_url)).text(), kExpectedCompressedData);

}, 'Fetch same origin dictionary using link element');

compression_dictionary_promise_test(async (t) => {

  const dict_token = token();

  const url =

      getRemoteHostUrl(`${kRegisterDictionaryPath}?save_header=${dict_token}`);

  addLinkRelCompressionDictionaryElement(url, 'anonymous');

  // Wait for a while to ensure that the dictionary is fetched.

  await new Promise(resolve => window.requestIdleCallback(resolve));

  const headers = await waitUntilPreviousRequestHeaders(

      t, dict_token, /*check_remote=*/ true);

  assert_true(headers !== undefined, 'Headers should be available');

  assert_equals(headers['sec-fetch-mode'], 'cors');

  // Wait until `available-dictionary` header is available.

  assert_equals(

      await waitUntilAvailableDictionaryHeader(t, {check_remote: true}),

      kDefaultDictionaryHashBase64);

  // Check if the data compressed using Brotli with the dictionary can be

  // decompressed.

  const data_url =

      getRemoteHostUrl(`${kCompressedDataPath}?content_encoding=dcb`);

  assert_equals(await (await fetch(data_url)).text(), kExpectedCompressedData);

}, 'Fetch cross origin dictionary using link element');

</script>

</body>