<!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>