зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1732047 [wpt PR 30893] - Add WPT tests for <script type=webbundle>, a=testonly
Automatic update from web-platform-tests Add WPT tests for <script type=webbundle> This CL refactors some WPT tests for <link rel=webbundle>, and introduces WPT tests for <script type=webbundle> by extracting common codes into -test.js files. Bug: 1245166 Change-Id: I75212f0b7f13f7be13ed8990551c6264ad6f7df8 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3167916 Reviewed-by: Hayato Ito <hayato@chromium.org> Reviewed-by: Kunihiko Sakamoto <ksakamoto@chromium.org> Commit-Queue: Tsuyoshi Horo <horo@chromium.org> Cr-Commit-Position: refs/heads/main@{#923295} -- wpt-commits: 2e52f4bc72cd115f9f5409275803436a12bc7ac2 wpt-pr: 30893
This commit is contained in:
Tsuyoshi Horo
moz-wptsync-bot
Родитель
065dcb4204
Коммит
7afe0d9dc1
|
|
@ -2,16 +2,16 @@
|
|||
|
||||
function addElementAndWaitForLoad(element) {
|
||||
return new Promise((resolve, reject) => {
|
||||
element.onload = resolve;
|
||||
element.onerror = reject;
|
||||
element.onload = () => resolve(element);
|
||||
element.onerror = () => reject(element);
|
||||
document.body.appendChild(element);
|
||||
});
|
||||
}
|
||||
|
||||
function addElementAndWaitForError(element) {
|
||||
return new Promise((resolve, reject) => {
|
||||
element.onload = reject;
|
||||
element.onerror = resolve;
|
||||
element.onload = () => reject(element);
|
||||
element.onerror = () => resolve(element);
|
||||
document.body.appendChild(element);
|
||||
});
|
||||
}
|
||||
|
|
@ -89,3 +89,51 @@ function addScriptAndWaitForError(url) {
|
|||
document.body.appendChild(script);
|
||||
});
|
||||
}
|
||||
|
||||
// Currnetly Chrome supports two element types for Subresource Web Bundles
|
||||
// feature, <link rel=webbundle> and <script type=webbundle>.
|
||||
// In order to use the same test js file for the two types, we use
|
||||
// window.TEST_WEB_BUNDLE_ELEMENT_TYPE. When 'link' is set,
|
||||
// createWebBundleElement() will create a <link rel=webbundle> element, and when
|
||||
// 'script' is set, createWebBundleElement() will create a <script
|
||||
// rel=webbundle> element.
|
||||
function isTestBundleElementTypeSet() {
|
||||
return (window.TEST_WEB_BUNDLE_ELEMENT_TYPE == 'link') ||
|
||||
(window.TEST_WEB_BUNDLE_ELEMENT_TYPE == 'script');
|
||||
}
|
||||
|
||||
function createWebBundleElement(url, resources, options) {
|
||||
if (!isTestBundleElementTypeSet()) {
|
||||
throw new Error(
|
||||
'window.TEST_WEB_BUNDLE_ELEMENT_TYPE is not correctly set: ' +
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE);
|
||||
}
|
||||
if (window.TEST_WEB_BUNDLE_ELEMENT_TYPE == 'link') {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = url;
|
||||
if (options && options.crossOrigin) {
|
||||
link.crossOrigin = crossOrigin;
|
||||
}
|
||||
for (const resource of resources) {
|
||||
link.resources.add(resource);
|
||||
}
|
||||
return link;
|
||||
}
|
||||
const script = document.createElement("script");
|
||||
script.type = "webbundle";
|
||||
script.textContent =
|
||||
JSON.stringify({"source": url, "resources": resources});
|
||||
return script;
|
||||
}
|
||||
|
||||
function addWebBundleElementAndWaitForLoad(url, resources, options) {
|
||||
const element = createWebBundleElement(url, resources, options);
|
||||
return addElementAndWaitForLoad(element);
|
||||
}
|
||||
|
||||
function addWebBundleElementAndWaitForError(url, resources, options) {
|
||||
const element = createWebBundleElement(url, resources, options);
|
||||
return addElementAndWaitForError(element);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Accept: request header in webbundle requests</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/accept-header-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Accept: request header in webbundle requests</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
<body>
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = "../resources/check-accept-header-and-return-bundle.py";
|
||||
await addElementAndWaitForLoad(link);
|
||||
link.remove();
|
||||
}, '"Accept:" header in a request for a bundle should contain application/webbundle MIME type');
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -1,22 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<title>On-going subresource loading should fail immediately when a link element is removed</title>
|
||||
<title>On-going subresource loading should fail immediately when the web bundle element is removed</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = "/xhr/resources/delay.py?ms=100000";
|
||||
link.resources.add("https://web-platform.test:8444/xhr/resources/dummy");
|
||||
document.body.appendChild(link);
|
||||
const waitUntilFail = new Promise((resolve) => {
|
||||
fetch("https://web-platform.test:8444/xhr/resources/dummy").then(() => {},
|
||||
resolve);
|
||||
});
|
||||
document.body.removeChild(link);
|
||||
await waitUntilFail;
|
||||
}, "On-going subresource loading should fail immediately when a link element is removed.");
|
||||
</script>
|
||||
<script src="resources/element-removal-test.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,39 +3,13 @@
|
|||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<link rel="webbundle" href="https://web-platform.test:8444/web-bundle/resources/wbn/nested-main.wbn"
|
||||
resources="https://web-platform.test:8444/web-bundle/resources/wbn/nested-sub.wbn" />
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
const response = await fetch(
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/nested-sub.wbn"
|
||||
);
|
||||
assert_true(response.ok);
|
||||
}, "A nested bundle can be fetched");
|
||||
|
||||
promise_test(async () => {
|
||||
await addLinkAndWaitForError(
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/nested-sub.wbn",
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/root.js"
|
||||
);
|
||||
const response = await fetch(
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/root.js"
|
||||
);
|
||||
assert_false(response.ok);
|
||||
}, "Subresources in a nested bundle should not be loaded");
|
||||
|
||||
function addLinkAndWaitForError(url, resources) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = url;
|
||||
link.resources = resources;
|
||||
link.onload = reject;
|
||||
link.onerror = () => resolve();
|
||||
document.body.appendChild(link);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script src="resources/nested-bundle-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Web Bundle fetching failed due to a network error</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/network-error-test.sub.js"></script>
|
||||
</body>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Web Bundle fetching failed due to a network error</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<body>
|
||||
<!--
|
||||
This test uses a non-existing WebBundle from a non-existent host, which makes
|
||||
Web Bundle fetching fail due to a network error. The intent of is to chech if
|
||||
failing to fetch a WebBundle also makes subresource fetch requests fail.
|
||||
-->
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
const prefix =
|
||||
"https://{{hosts[][nonexistent]}}/";
|
||||
const resources = [
|
||||
prefix + "resource.js",
|
||||
];
|
||||
const link = await addLinkAndWaitForError(
|
||||
prefix + "non-existing.wbn",
|
||||
resources,
|
||||
undefined
|
||||
);
|
||||
|
||||
// Can not fetch a subresource because Web Bundle fetch failed.
|
||||
await fetchAndWaitForReject(prefix + "resource.js");
|
||||
}, "Subresource fetch requests for non-existing Web Bundle should fail.");
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -5,29 +5,9 @@
|
|||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<!--
|
||||
This test uses a non-existing WebBundle,
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/cors/non-existing.wbn.
|
||||
|
||||
The intent of this test is to check if failing to fetch a WebBundle due to not
|
||||
found error also makes subresource fetch requests fail.
|
||||
-->
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
const prefix =
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/";
|
||||
const resources = [
|
||||
prefix + "resource.js",
|
||||
];
|
||||
const link = await addLinkAndWaitForError(
|
||||
prefix + "non-existing.wbn",
|
||||
resources,
|
||||
undefined
|
||||
);
|
||||
|
||||
// Can not fetch a subresource because Web Bundle fetch failed.
|
||||
await fetchAndWaitForReject(prefix + "resource.js");
|
||||
}, "Subresource fetch requests for non-existing Web Bundle should fail.");
|
||||
</script>
|
||||
<script src="resources/not-found-test.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -6,40 +6,17 @@
|
|||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<body>
|
||||
<link
|
||||
rel="webbundle"
|
||||
href="../resources/wbn/path-restriction.wbn"
|
||||
resources="https://web-platform.test:8444/web-bundle/resources/wbn/resource.js
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/sub/resource.js
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn-resource.js
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn1/resource.js
|
||||
https://web-platform.test:8444/web-bundle/resources/other/resource.js
|
||||
https://web-platform.test:8444/web-bundle/resources/resource.js"
|
||||
resources="/web-bundle/resources/wbn/resource.js
|
||||
/web-bundle/resources/wbn/sub/resource.js
|
||||
/web-bundle/resources/wbn-resource.js
|
||||
/web-bundle/resources/wbn1/resource.js
|
||||
/web-bundle/resources/other/resource.js
|
||||
/web-bundle/resources/resource.js"
|
||||
/>
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
const resources = [
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/resource.js",
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn/sub/resource.js",
|
||||
];
|
||||
for (const resource of resources) {
|
||||
const response = await fetch(resource);
|
||||
assert_true(response.ok, resource + " should be loaded");
|
||||
}
|
||||
}, "Subresources should be loaded.");
|
||||
|
||||
promise_test(async () => {
|
||||
const resources = [
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn-resource.js",
|
||||
"https://web-platform.test:8444/web-bundle/resources/wbn1/resource.js",
|
||||
"https://web-platform.test:8444/web-bundle/resources/other/resource.js",
|
||||
"https://web-platform.test:8444/web-bundle/resources/resource.js",
|
||||
];
|
||||
for (const resource of resources) {
|
||||
const response = await fetch(resource);
|
||||
assert_false(response.ok, resource + " should not be loaded");
|
||||
}
|
||||
}, "Subresources should not be loaded due to path restriction.");
|
||||
</script>
|
||||
<script src="resources/path-restriction-test.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<body>
|
||||
<link
|
||||
|
|
@ -13,15 +12,5 @@
|
|||
resources="resources/script.js"/>
|
||||
<script id="script" src="resources/script.js"></script>
|
||||
|
||||
<script>
|
||||
const onLoadPromise = new Promise((resolve) => {
|
||||
window.addEventListener('load', resolve, false);
|
||||
});
|
||||
|
||||
promise_test(async () => {
|
||||
await onLoadPromise;
|
||||
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
}, "A subresource script.js should be loaded from WebBundle using the relative URL and a base element.");
|
||||
</script>
|
||||
<script src="/web-bundle/subresource-loading/resources/relative-url-with-base-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -5,6 +5,9 @@
|
|||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<link
|
||||
rel="webbundle"
|
||||
|
|
@ -12,49 +15,5 @@
|
|||
resources="/web-bundle/resources/wbn/static-element/resources/script.js"/>
|
||||
<script id="script" src="/web-bundle/resources/wbn/static-element/resources/script.js"></script>
|
||||
|
||||
<script>
|
||||
const onLoadPromise = new Promise((resolve) => {
|
||||
window.addEventListener('load', resolve, false);
|
||||
});
|
||||
|
||||
/*
|
||||
This test tries to load 'script.js' subresource from a static-element.wbn, using
|
||||
a relative URL instead of an absolute one with a <link> and <script> elements
|
||||
directly in the document (they are used only for this test).
|
||||
*/
|
||||
promise_test(async () => {
|
||||
await onLoadPromise;
|
||||
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
}, "A subresource script.js should be loaded from WebBundle using the relative URL.");
|
||||
|
||||
// Simple load of a root.js subresource from subresource.wbn using a relative URL.
|
||||
promise_test(async () => {
|
||||
const link = document.createElement("link");
|
||||
const resource_url = '/web-bundle/resources/wbn/root.js';
|
||||
link.rel = "webbundle";
|
||||
link.href = "../resources/wbn/subresource.wbn";
|
||||
link.resources.add(resource_url);
|
||||
document.body.appendChild(link);
|
||||
|
||||
const response = await fetch(resource_url);
|
||||
assert_true(response.ok);
|
||||
const root = await response.text();
|
||||
assert_equals(root, "export * from './submodule.js';\n");
|
||||
}, "Subresources with relative URLs should be loaded from the WebBundle.");
|
||||
|
||||
// Simple load of a root.js subresource from subresource.wbn using an
|
||||
// incorrect relative URL leading to a failed fetch.
|
||||
promise_test(async () => {
|
||||
const link = document.createElement("link");
|
||||
const resource_url = 'web-bundle/resources/wbn/root.js';
|
||||
link.rel = "webbundle";
|
||||
link.href = "../resources/wbn/subresource.wbn";
|
||||
link.resources.add(resource_url);
|
||||
document.body.appendChild(link);
|
||||
|
||||
const response = await fetch(resource_url);
|
||||
assert_false(response.ok);
|
||||
}, "Wrong relative URL should result in a failed fetch.");
|
||||
</script>
|
||||
<script src="resources/relative-url-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Request's destination must be "webbundle" with the link-based API</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/request-destination-test.sub.js"></script>
|
||||
</body>
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Request's destination must be "webbundle" with the link-based API</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
<body>
|
||||
<script>
|
||||
// check-sec-fetch-dest-header-and-return-bundle.py returns a valid format
|
||||
// bundle only if a "Sec-Fetch-Dest: webbundle" header is present in a request.
|
||||
// Otherwise, returns an empty body with 400 status code.
|
||||
//
|
||||
// In this wpt, we assume that a <link> element fires a load event correctly if
|
||||
// a valid format webbundle is returned.
|
||||
|
||||
const same_origin_bundle =
|
||||
"../resources/check-sec-fetch-dest-header-and-return-bundle.py";
|
||||
const cross_origin_bundle =
|
||||
"https://{{domains[www1]}}:{{ports[https][0]}}/web-bundle/resources/check-sec-fetch-dest-header-and-return-bundle.py";
|
||||
|
||||
promise_test(async () => {
|
||||
for (const bundle of [same_origin_bundle, cross_origin_bundle]) {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = bundle;
|
||||
await addElementAndWaitForLoad(link);
|
||||
link.remove();
|
||||
}
|
||||
}, '"Sec-Fetch-Dest: webbundle" header must be present in a request for a bundle with the <link>-based API.');
|
||||
|
||||
promise_test(async () => {
|
||||
const res = await fetch(same_origin_bundle);
|
||||
assert_false(res.ok);
|
||||
}, '"Sec-Fetch-Dest: webbundle" header must not be present in a fetch request for a same-origin resource.');
|
||||
|
||||
promise_test(async () => {
|
||||
const res = await fetch(cross_origin_bundle);
|
||||
assert_false(res.ok);
|
||||
}, '"Sec-Fetch-Dest: webbundle" header must not be present in a fetch request for a cross-origin resource.');
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -3,60 +3,12 @@
|
|||
<title>Resource timing attributes are consistent for the same-origin subresources.</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
promise_test(async t => {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = "../resources/wbn/dynamic1.wbn?pipe=trickle(d0.5)";
|
||||
link.resources.add('https://web-platform.test:8444/web-bundle/resources/wbn/dynamic/resource1.js');
|
||||
const script_id = 'https://web-platform.test:8444/web-bundle/resources/wbn/dynamic/resource1.js';
|
||||
document.body.appendChild(link);
|
||||
var script_entries = 0;
|
||||
var web_bundle_entries = 0;
|
||||
var web_bundle_entry, script_entry;
|
||||
const promise = new Promise(resolve => {
|
||||
new PerformanceObserver(t.step_func(entryList => {
|
||||
var entries = entryList.getEntriesByType("resource");
|
||||
for (var i = 0; i < entries.length; ++i) {
|
||||
if (entries[i].name === script_id) {
|
||||
script_entry = entries[i];
|
||||
script_entries++;
|
||||
}
|
||||
|
||||
if (entries[i].name === 'https://web-platform.test:8444/web-bundle/resources/wbn/dynamic1.wbn?pipe=trickle(d0.5)') {
|
||||
web_bundle_entry = entries[i];
|
||||
web_bundle_entries++;
|
||||
}
|
||||
}
|
||||
|
||||
if (web_bundle_entries > 0 && script_entries > 0) {
|
||||
// Check timestamps.
|
||||
assert_greater_than_equal(script_entry.responseStart, script_entry.requestStart + 500);
|
||||
assert_greater_than_equal(script_entry.responseStart, web_bundle_entry.responseStart);
|
||||
assert_greater_than_equal(script_entry.responseEnd, script_entry.responseStart);
|
||||
assert_greater_than_equal(script_entry.requestStart, script_entry.connectEnd);
|
||||
assert_greater_than_equal(script_entry.responseEnd, script_entry.responseStart);
|
||||
// Check sizes.
|
||||
assert_greater_than(script_entry.encodedBodySize, 0);
|
||||
assert_equals(script_entry.transferSize, script_entry.encodedBodySize + 300);
|
||||
assert_equals(script_entry.encodedBodySize, script_entry.decodedBodySize);
|
||||
resolve();
|
||||
}
|
||||
})).observe({entryTypes: ["resource"]});
|
||||
});
|
||||
const script = document.createElement("script");
|
||||
script.type = "module";
|
||||
script.src = script_id;
|
||||
document.body.appendChild(script);
|
||||
return promise;
|
||||
}, '"Timestamp attributes filled in resource timing entries should be consistent."');
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<h1>Resource timing attributes are consistent</h1>
|
||||
<p>
|
||||
This test verifies that attributes filled in the PerformanceResourceTiming entries for subresources
|
||||
loaded from the WebBundle are consistent.
|
||||
</p>
|
||||
<div id="log"></div>
|
||||
<body>
|
||||
<script src="resources/resource-timing-attributes-consistent-test.sub.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,54 +3,12 @@
|
|||
<title>Resource timing entries present for urn:uuid resources</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<script>
|
||||
promise_test(async t => {
|
||||
const frame_id = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
|
||||
const script_id = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = "../resources/wbn/urn-uuid.wbn";
|
||||
link.resources.add(frame_id, script_id);
|
||||
document.body.appendChild(link);
|
||||
var iframe_entries = 0;
|
||||
var script_entries = 0;
|
||||
// Declare the report_result function as outputting into stderr
|
||||
// because it is used in the WebBundle script to report the script load.
|
||||
window.report_result = console.error;
|
||||
const promise = new Promise(resolve => {
|
||||
new PerformanceObserver(t.step_func(entryList => {
|
||||
var entries = entryList.getEntriesByType("resource");
|
||||
for (var i = 0; i < entries.length; ++i) {
|
||||
// Ignore any entries for the test harness files if present.
|
||||
if (/testharness(report)?\.js/.test(entries[i].name)) {
|
||||
continue;
|
||||
}
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
if (entries[i].name === frame_id)
|
||||
++iframe_entries;
|
||||
if (entries[i].name === script_id)
|
||||
++script_entries;
|
||||
}
|
||||
if (iframe_entries == 1 && script_entries == 1) {
|
||||
resolve();
|
||||
}
|
||||
})).observe({entryTypes: ["resource"]});
|
||||
});
|
||||
// Add iframe and the script so we get the ResourceTiming
|
||||
const iframe = document.createElement("iframe");
|
||||
iframe.src = frame_id;
|
||||
document.body.appendChild(iframe);
|
||||
const script = document.createElement("script");
|
||||
script.src = script_id;
|
||||
document.body.appendChild(script);
|
||||
return promise;
|
||||
}, '"Each urn:uuid resource should have exactly 1 ResourceTiming entry."');
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<h1>Resource timing entries present for urn:uuid resources</h1>
|
||||
<p>
|
||||
This test makes sure that ResourceTiming entries (exactly 1 per resource) are created for urn:uuid resources served from a webbundle.
|
||||
</p>
|
||||
<div id="log"></div>
|
||||
<body>
|
||||
<script src="resources/resource-timing-test.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,108 +5,9 @@
|
|||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<script>
|
||||
async function registerServiceWorkerAndReturnActiveWorker(t, script, scope) {
|
||||
const reg = await navigator.serviceWorker.register(script, {scope: scope});
|
||||
t.add_cleanup(() => reg.unregister());
|
||||
if (reg.active)
|
||||
return reg.active;
|
||||
const worker = reg.installing || reg.waiting;
|
||||
await new Promise((resolve) => {
|
||||
worker.addEventListener('statechange', (event) => {
|
||||
if (event.target.state == 'activated')
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
return worker;
|
||||
}
|
||||
|
||||
async function getRequestedUrls(worker) {
|
||||
return new Promise(resolve => {
|
||||
navigator.serviceWorker.addEventListener(
|
||||
'message',
|
||||
e => {resolve(e.data);},
|
||||
{once: true})
|
||||
worker.postMessage(null);
|
||||
});
|
||||
}
|
||||
|
||||
promise_test(async (t) => {
|
||||
const iframe_path = './resources/service-worker-controlled-iframe.html';
|
||||
const iframe_url = new URL(iframe_path, location).href
|
||||
|
||||
// Register a service worker.
|
||||
const worker = await registerServiceWorkerAndReturnActiveWorker(
|
||||
t,
|
||||
'./resources/service-worker-for-request-monitor.js',
|
||||
iframe_path);
|
||||
|
||||
// Load an iframe which is controlled by the service worker.
|
||||
const iframe = await new Promise(resolve => {
|
||||
const frame = document.createElement('iframe');
|
||||
t.add_cleanup(() => frame.remove());
|
||||
frame.src = iframe_url;
|
||||
frame.onload = () => { resolve(frame); };
|
||||
document.body.appendChild(frame);
|
||||
});
|
||||
// The iframe request should be intercepted by the service worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), [iframe_url]);
|
||||
|
||||
// Add <link rel=webbundle> in the service worker controlled iframe.
|
||||
const frame_id = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
|
||||
const script_id = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';
|
||||
const link = iframe.contentDocument.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = "../../resources/wbn/urn-uuid.wbn";
|
||||
link.resources.add(frame_id, script_id);
|
||||
const link_load_promise = new Promise(resolve => {
|
||||
link.addEventListener('load', () => {resolve();});
|
||||
});
|
||||
iframe.contentDocument.body.appendChild(link);
|
||||
await link_load_promise;
|
||||
// The web bundle request should not be intercepted by the service worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), []);
|
||||
|
||||
// Add an urn uuid URL script element in the service worker controlled
|
||||
// iframe.
|
||||
const result_promise = new Promise(resolve => {
|
||||
// window.report_result() method will be called by the injected script.
|
||||
iframe.contentWindow.report_result = resolve;
|
||||
});
|
||||
const script = iframe.contentDocument.createElement("script");
|
||||
script.src = script_id;
|
||||
iframe.contentDocument.body.appendChild(script);
|
||||
assert_equals(await result_promise, 'OK');
|
||||
// The urn uuld URL script request should not be intercepted by the
|
||||
// service worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), []);
|
||||
|
||||
// Add an urn uuid URL iframe element in the service worker controlled
|
||||
// iframe.
|
||||
const inner_iframe = iframe.contentDocument.createElement("iframe");
|
||||
inner_iframe.src = frame_id;
|
||||
const load_promise = new Promise(resolve => {
|
||||
inner_iframe.addEventListener('load', () => {resolve();});
|
||||
});
|
||||
iframe.contentDocument.body.appendChild(inner_iframe);
|
||||
await load_promise;
|
||||
// The urn uuld URL iframe request should not intercepted by the service
|
||||
// worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), []);
|
||||
|
||||
// Check if the urn uuid URL iframe element is loaded correctly.
|
||||
const message_promise = new Promise(resolve => {
|
||||
window.addEventListener(
|
||||
'message',
|
||||
e => {resolve(e.data);},
|
||||
{once: true});
|
||||
});
|
||||
// location.href is evaluated in the urn uuid URL iframe element.
|
||||
inner_iframe.contentWindow.postMessage('location.href', '*');
|
||||
assert_equals(await message_promise, frame_id);
|
||||
},
|
||||
'Both Web Bundle request and Subresource fetch requests inside the Web ' +
|
||||
'Bundle should skip the service worker.');
|
||||
</script>
|
||||
<script src="resources/service-worker-controlled-test.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,56 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<title>WebBundle subresource loading for static elements with a base element</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<base href="../resources/wbn/static-element/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<link
|
||||
rel="webbundle"
|
||||
href="../static-element.wbn"
|
||||
resources="
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/script.js
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/style.css
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/style-imported-from-file.css
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/style-imported-from-tag.css"
|
||||
scopes="https://web-platform.test:8444/web-bundle/resources/wbn/static-element/scopes/"
|
||||
/>
|
||||
<style type="text/css">
|
||||
@import 'resources/style-imported-from-tag.css';
|
||||
@import 'scopes/style-imported-from-tag.css';
|
||||
</style>
|
||||
<link href="resources/style.css" rel=stylesheet>
|
||||
<link href="scopes/style.css" rel=stylesheet>
|
||||
<script src="resources/script.js"></script>
|
||||
<script src="scopes/script.js"></script>
|
||||
<script src="out-of-scope/script.js"></script>
|
||||
|
||||
<script>
|
||||
const onLoadPromise = new Promise((resolve) => {
|
||||
window.addEventListener('load', resolve, false);
|
||||
});
|
||||
promise_test(async () => {
|
||||
await onLoadPromise;
|
||||
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
assert_equals(scopes_script_result, 'loaded from webbundle');
|
||||
assert_equals(out_of_scope_script_result, 'loaded from network');
|
||||
|
||||
['resources_', 'scopes_'].forEach((type) => {
|
||||
['style_target',
|
||||
'style_imported_from_file_target',
|
||||
'style_imported_from_tag_target'].forEach((target) => {
|
||||
const element = document.createElement('div');
|
||||
element.id = type + target;
|
||||
document.body.appendChild(element);
|
||||
assert_equals(window.getComputedStyle(element).color,
|
||||
'rgb(0, 0, 255)',
|
||||
element.id + ' color must be blue');
|
||||
});
|
||||
});
|
||||
}, "Subresources from static elements should be loaded from web bundle.");
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<title>WebBundle subresource loading for static elements with a base element</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<base href="../resources/wbn/static-element/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<link
|
||||
rel="webbundle"
|
||||
href="../static-element.wbn"
|
||||
resources="
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/script.js
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style.css
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-file.css
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-tag.css"
|
||||
scopes="https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/scopes/"
|
||||
/>
|
||||
<style type="text/css">
|
||||
@import 'resources/style-imported-from-tag.css';
|
||||
@import 'scopes/style-imported-from-tag.css';
|
||||
</style>
|
||||
<link href="resources/style.css" rel=stylesheet>
|
||||
<link href="scopes/style.css" rel=stylesheet>
|
||||
<script src="resources/script.js"></script>
|
||||
<script src="scopes/script.js"></script>
|
||||
<script src="out-of-scope/script.js"></script>
|
||||
|
||||
<script src="/web-bundle/subresource-loading/resources/static-element-with-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<title>WebBundle subresource loading for static elements</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<link
|
||||
rel="webbundle"
|
||||
href="../resources/wbn/static-element.wbn"
|
||||
resources="
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/script.js
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/style.css
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/style-imported-from-file.css
|
||||
https://web-platform.test:8444/web-bundle/resources/wbn/static-element/resources/style-imported-from-tag.css"
|
||||
scopes="https://web-platform.test:8444/web-bundle/resources/wbn/static-element/scopes/"
|
||||
/>
|
||||
<style type="text/css">
|
||||
@import '../resources/wbn/static-element/resources/style-imported-from-tag.css';
|
||||
@import '../resources/wbn/static-element/scopes/style-imported-from-tag.css';
|
||||
</style>
|
||||
<link href="../resources/wbn/static-element/resources/style.css" rel=stylesheet>
|
||||
<link href="../resources/wbn/static-element/scopes/style.css" rel=stylesheet>
|
||||
<script src="../resources/wbn/static-element/resources/script.js"></script>
|
||||
<script src="../resources/wbn/static-element/scopes/script.js"></script>
|
||||
<script src="../resources/wbn/static-element/out-of-scope/script.js"></script>
|
||||
|
||||
<script>
|
||||
const onLoadPromise = new Promise((resolve) => {
|
||||
window.addEventListener('load', resolve, false);
|
||||
});
|
||||
promise_test(async () => {
|
||||
await onLoadPromise;
|
||||
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
assert_equals(scopes_script_result, 'loaded from webbundle');
|
||||
assert_equals(out_of_scope_script_result, 'loaded from network');
|
||||
|
||||
['resources_', 'scopes_'].forEach((type) => {
|
||||
['style_target',
|
||||
'style_imported_from_file_target',
|
||||
'style_imported_from_tag_target'].forEach((target) => {
|
||||
const element = document.createElement('div');
|
||||
element.id = type + target;
|
||||
document.body.appendChild(element);
|
||||
assert_equals(window.getComputedStyle(element).color,
|
||||
'rgb(0, 0, 255)',
|
||||
element.id + ' color must be blue');
|
||||
});
|
||||
});
|
||||
}, "Subresources from static elements should be loaded from web bundle.");
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<title>WebBundle subresource loading for static elements</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<link
|
||||
rel="webbundle"
|
||||
href="../resources/wbn/static-element.wbn"
|
||||
resources="
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/script.js
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style.css
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-file.css
|
||||
https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-tag.css"
|
||||
scopes="https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/scopes/"
|
||||
/>
|
||||
<style type="text/css">
|
||||
@import '../resources/wbn/static-element/resources/style-imported-from-tag.css';
|
||||
@import '../resources/wbn/static-element/scopes/style-imported-from-tag.css';
|
||||
</style>
|
||||
<link href="../resources/wbn/static-element/resources/style.css" rel=stylesheet>
|
||||
<link href="../resources/wbn/static-element/scopes/style.css" rel=stylesheet>
|
||||
<script src="../resources/wbn/static-element/resources/script.js"></script>
|
||||
<script src="../resources/wbn/static-element/scopes/script.js"></script>
|
||||
<script src="../resources/wbn/static-element/out-of-scope/script.js"></script>
|
||||
|
||||
<script src="resources/static-element-with-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -6,115 +6,11 @@
|
|||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
const frame_url = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
|
||||
|
||||
promise_test(async (t) => {
|
||||
const iframe = await createLinkAndIframe(t);
|
||||
// The urn:uuid URL iframe is cross-origin. So accessing
|
||||
// iframe.contentWindow.location should throws a SecurityError.
|
||||
assert_throws_dom(
|
||||
"SecurityError",
|
||||
() => { iframe.contentWindow.location.href; });
|
||||
}, 'The urn:uuid URL iframe must be cross-origin.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'location.href',
|
||||
frame_url,
|
||||
'location.href in urn uuid iframe.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let result = window.localStorage;
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Accesing window.localStorage should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let result = window.sessionStorage;
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Accesing window.sessionStorage should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let result = document.cookie;
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Accesing document.cookie should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let request = window.indexedDB.open("db");
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Opening an indexedDB should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'window.caches === undefined',
|
||||
true,
|
||||
'window.caches should be undefined.');
|
||||
|
||||
function urn_uuid_iframe_test(code, expected, name) {
|
||||
promise_test(async (t) => {
|
||||
const iframe = await createLinkAndIframe(t);
|
||||
assert_equals(await evalInIframe(iframe, code), expected);
|
||||
}, name);
|
||||
}
|
||||
|
||||
async function createLinkAndIframe(t) {
|
||||
const link = document.createElement('link');
|
||||
link.rel = 'webbundle';
|
||||
link.href = '../resources/wbn/urn-uuid.wbn';
|
||||
link.resources = frame_url;
|
||||
document.body.appendChild(link);
|
||||
const iframe = document.createElement('iframe');
|
||||
t.add_cleanup(() => {
|
||||
document.body.removeChild(link);
|
||||
document.body.removeChild(iframe);
|
||||
});
|
||||
iframe.src = frame_url;
|
||||
const load_promise = new Promise((resolve) => {
|
||||
iframe.addEventListener('load', resolve);
|
||||
});
|
||||
document.body.appendChild(iframe);
|
||||
await load_promise;
|
||||
return iframe;
|
||||
}
|
||||
|
||||
async function evalInIframe(iframe, code) {
|
||||
const message_promise = new Promise((resolve) => {
|
||||
const listener = (e) => {
|
||||
window.removeEventListener('message', listener);
|
||||
resolve(e.data);
|
||||
}
|
||||
window.addEventListener('message', listener);
|
||||
});
|
||||
iframe.contentWindow.postMessage(code,'*');
|
||||
return message_promise;
|
||||
}
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'link';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/subframe-from-web-bundle-test.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<body>
|
||||
<link id="link-web-bundle" rel="webbundle" href="../resources/wbn/subresource.wbn" resources="https://web-platform.test:8444/web-bundle/resources/wbn/root.js
|
||||
|
|
@ -165,11 +166,17 @@
|
|||
}, 'Dynamically loading classic script from web bundle with link.scopes');
|
||||
|
||||
promise_test(() => {
|
||||
return addLinkAndWaitForLoad("../resources/wbn/dynamic1.wbn?test-event");
|
||||
return addLinkAndWaitForLoad(
|
||||
"../resources/wbn/dynamic1.wbn?test-event",
|
||||
/*resources=*/[],
|
||||
/*crossorigin=*/undefined);
|
||||
}, '<link rel="webbundle"> fires a load event on load success');
|
||||
|
||||
promise_test((t) => {
|
||||
return addLinkAndWaitForError("../resources/wbn/nonexistent.wbn");
|
||||
return addLinkAndWaitForError(
|
||||
"../resources/wbn/nonexistent.wbn",
|
||||
/*resources=*/[],
|
||||
/*crossorigin=*/undefined);
|
||||
}, '<link rel="webbundle"> fires an error event on load failure');
|
||||
|
||||
promise_test(async () => {
|
||||
|
|
@ -207,35 +214,15 @@
|
|||
promise_test(async () => {
|
||||
const wbn_url = 'https://web-platform.test:8444/web-bundle/resources/wbn/subresource.wbn?test-resources-update';
|
||||
const resource_url = 'https://web-platform.test:8444/web-bundle/resources/wbn/submodule.js';
|
||||
const link = await addLinkAndWaitForLoad(wbn_url);
|
||||
const link = await addLinkAndWaitForLoad(wbn_url,
|
||||
/*resources=*/[],
|
||||
/*crossorigin=*/undefined);
|
||||
link.resources.add(resource_url);
|
||||
const resp = await fetch(resource_url, { cache: 'no-store' });
|
||||
assert_true(resp.ok);
|
||||
assert_equals(performance.getEntriesByName(wbn_url).length, 1);
|
||||
}, 'Updating resource= attribute should not reload the bundle');
|
||||
|
||||
function addLinkAndWaitForLoad(url) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = url;
|
||||
link.onload = () => resolve(link);
|
||||
link.onerror = reject;
|
||||
document.body.appendChild(link);
|
||||
});
|
||||
}
|
||||
|
||||
function addLinkAndWaitForError(url) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const link = document.createElement("link");
|
||||
link.rel = "webbundle";
|
||||
link.href = url;
|
||||
link.onload = reject;
|
||||
link.onerror = () => resolve(link);
|
||||
document.body.appendChild(link);
|
||||
});
|
||||
}
|
||||
|
||||
async function loadScriptAndWaitReport(script_url) {
|
||||
const result_promise = new Promise((resolve) => {
|
||||
// This function will be called from script.js
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
promise_test(async () => {
|
||||
await addWebBundleElementAndWaitForLoad(
|
||||
'../resources/check-accept-header-and-return-bundle.py',
|
||||
/*resources=*/[]);
|
||||
},
|
||||
'"Accept:" header in a request for a bundle should contain ' +
|
||||
'application/webbundle MIME type.');
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
promise_test(async () => {
|
||||
const element = createWebBundleElement(
|
||||
'/xhr/resources/delay.py?ms=100000',
|
||||
['/xhr/resources/dummy']);
|
||||
document.body.appendChild(element);
|
||||
const waitUntilFail = new Promise((resolve) => {
|
||||
fetch("/xhr/resources/dummy").then(() => {}, resolve);
|
||||
});
|
||||
document.body.removeChild(element);
|
||||
await waitUntilFail;
|
||||
},
|
||||
'On-going subresource loading should fail immediately when the element is ' +
|
||||
'removed.');
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
promise_test(async () => {
|
||||
const response = await fetch('/web-bundle/resources/wbn/nested-sub.wbn');
|
||||
assert_true(response.ok);
|
||||
}, 'A nested bundle can be fetched');
|
||||
|
||||
promise_test(async () => {
|
||||
await addWebBundleElementAndWaitForError(
|
||||
'/web-bundle/resources/wbn/nested-sub.wbn',
|
||||
['/web-bundle/resources/wbn/root.js']);
|
||||
const response = await fetch('/web-bundle/resources/wbn/root.js');
|
||||
assert_false(response.ok);
|
||||
}, 'Subresources in a nested bundle should not be loaded');
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
// This test uses a non-existing WebBundle from a non-existent host, which makes
|
||||
// Web Bundle fetching fail due to a network error. The intent of is to check if
|
||||
// failing to fetch a WebBundle also makes subresource fetch requests fail.
|
||||
promise_test(async () => {
|
||||
const prefix = 'https://{{hosts[][nonexistent]}}/';
|
||||
const resources = [
|
||||
prefix + 'resource.js',
|
||||
];
|
||||
const link = await addWebBundleElementAndWaitForError(
|
||||
prefix + 'non-existing.wbn',
|
||||
resources);
|
||||
|
||||
// Can not fetch a subresource because Web Bundle fetch failed.
|
||||
await fetchAndWaitForReject(prefix + 'resource.js');
|
||||
}, 'Subresource fetch requests for non-existing Web Bundle should fail.');
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
// This test uses a non-existing WebBundle,
|
||||
// /web-bundle/resources/wbn/cors/non-existing.wbn.
|
||||
// The intent of this test is to check if failing to fetch a WebBundle due to
|
||||
// not found error also makes subresource fetch requests fail.
|
||||
promise_test(async () => {
|
||||
const prefix = '/web-bundle/resources/wbn/';
|
||||
const resources = [
|
||||
prefix + 'resource.js',
|
||||
];
|
||||
const element = await createWebBundleElement(
|
||||
prefix + 'non-existing.wbn',
|
||||
resources);
|
||||
document.body.appendChild(element);
|
||||
|
||||
// Can not fetch a subresource because Web Bundle fetch failed.
|
||||
await fetchAndWaitForReject(prefix + 'resource.js');
|
||||
}, 'Subresource fetch requests for non-existing Web Bundle should fail.');
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
promise_test(async () => {
|
||||
const resources = [
|
||||
"/web-bundle/resources/wbn/resource.js",
|
||||
"/web-bundle/resources/wbn/sub/resource.js",
|
||||
];
|
||||
for (const resource of resources) {
|
||||
const response = await fetch(resource);
|
||||
assert_true(response.ok, resource + " should be loaded");
|
||||
}
|
||||
}, "Subresources should be loaded.");
|
||||
|
||||
promise_test(async () => {
|
||||
const resources = [
|
||||
"/web-bundle/resources/wbn-resource.js",
|
||||
"/web-bundle/resources/wbn1/resource.js",
|
||||
"/web-bundle/resources/other/resource.js",
|
||||
"/web-bundle/resources/resource.js",
|
||||
];
|
||||
for (const resource of resources) {
|
||||
const response = await fetch(resource);
|
||||
assert_false(response.ok, resource + " should not be loaded");
|
||||
}
|
||||
}, "Subresources should not be loaded due to path restriction.");
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
// This test tries to load 'script.js' subresource from a static-element.wbn,
|
||||
// using a relative URL instead of an absolute one with a <link> and <script>
|
||||
// elements directly in the document (they are used only for this test).
|
||||
promise_test(async () => {
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
},
|
||||
'A subresource script.js should be loaded from WebBundle using the relative ' +
|
||||
'URL.');
|
||||
|
||||
// Simple load of a root.js subresource from subresource.wbn using a relative
|
||||
// URL.
|
||||
promise_test(async () => {
|
||||
const resource_url = '/web-bundle/resources/wbn/root.js';
|
||||
|
||||
const element = createWebBundleElement(
|
||||
'../resources/wbn/subresource.wbn',
|
||||
[resource_url]);
|
||||
document.body.appendChild(element);
|
||||
|
||||
const response = await fetch(resource_url);
|
||||
assert_true(response.ok);
|
||||
const root = await response.text();
|
||||
assert_equals(root, 'export * from \'./submodule.js\';\n');
|
||||
}, 'Subresources with relative URLs should be loaded from the WebBundle.');
|
||||
|
||||
// Simple load of a root.js subresource from subresource.wbn using an
|
||||
// incorrect relative URL leading to a failed fetch.
|
||||
promise_test(async () => {
|
||||
const resource_url = 'web-bundle/resources/wbn/root.js';
|
||||
|
||||
const element = createWebBundleElement(
|
||||
'../resources/wbn/subresource.wbn',
|
||||
[resource_url]);
|
||||
document.body.appendChild(element);
|
||||
|
||||
const response = await fetch(resource_url);
|
||||
assert_false(response.ok);
|
||||
}, 'Wrong relative URL should result in a failed fetch.');
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
test(() => {
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
},
|
||||
'A subresource script.js should be loaded from WebBundle using the relative ' +
|
||||
'URL and a base element.');
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
// check-sec-fetch-dest-header-and-return-bundle.py returns a valid format
|
||||
// bundle only if a 'Sec-Fetch-Dest: webbundle' header is present in a request.
|
||||
// Otherwise, returns an empty body with 400 status code.
|
||||
//
|
||||
// In this wpt, we assume that a <link> element fires a load event correctly if
|
||||
// a valid format webbundle is returned.
|
||||
|
||||
const same_origin_bundle =
|
||||
'../resources/check-sec-fetch-dest-header-and-return-bundle.py';
|
||||
const cross_origin_bundle =
|
||||
'https://{{domains[www1]}}:{{ports[https][0]}}/web-bundle/resources/check-sec-fetch-dest-header-and-return-bundle.py';
|
||||
|
||||
promise_test(async () => {
|
||||
for (const bundle of [same_origin_bundle, cross_origin_bundle]) {
|
||||
const element = createWebBundleElement(
|
||||
bundle,
|
||||
/*resources=*/[]);
|
||||
await addElementAndWaitForLoad(element);
|
||||
element.remove();
|
||||
}
|
||||
},
|
||||
'"Sec-Fetch-Dest: webbundle" header must be present in a request for a bundle' +
|
||||
' with the <link>-based API.');
|
||||
|
||||
promise_test(async () => {
|
||||
const res = await fetch(same_origin_bundle);
|
||||
assert_false(res.ok);
|
||||
},
|
||||
'"Sec-Fetch-Dest: webbundle" header must not be present in a fetch request' +
|
||||
' for a same-origin resource.');
|
||||
|
||||
promise_test(async () => {
|
||||
const res = await fetch(cross_origin_bundle);
|
||||
assert_false(res.ok);
|
||||
},
|
||||
'"Sec-Fetch-Dest: webbundle" header must not be present in a fetch request' +
|
||||
' for a cross-origin resource.');
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
promise_test(async t => {
|
||||
const bundle_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic1.wbn?pipe=trickle(d0.5)';
|
||||
const script_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js';
|
||||
const element = createWebBundleElement(
|
||||
'../resources/wbn/dynamic1.wbn?pipe=trickle(d0.5)',
|
||||
/*resources=*/[script_url]);
|
||||
document.body.appendChild(element);
|
||||
var script_entries = 0;
|
||||
var web_bundle_entries = 0;
|
||||
var web_bundle_entry, script_entry;
|
||||
const promise = new Promise(resolve => {
|
||||
new PerformanceObserver(t.step_func(entryList => {
|
||||
var entries = entryList.getEntriesByType('resource');
|
||||
for (var i = 0; i < entries.length; ++i) {
|
||||
if (entries[i].name === script_url) {
|
||||
script_entry = entries[i];
|
||||
script_entries++;
|
||||
}
|
||||
|
||||
if (entries[i].name === bundle_url) {
|
||||
web_bundle_entry = entries[i];
|
||||
web_bundle_entries++;
|
||||
}
|
||||
}
|
||||
|
||||
if (web_bundle_entries > 0 && script_entries > 0) {
|
||||
// Check timestamps.
|
||||
assert_greater_than_equal(
|
||||
script_entry.responseStart,
|
||||
script_entry.requestStart + 500);
|
||||
assert_greater_than_equal(
|
||||
script_entry.responseStart,
|
||||
web_bundle_entry.responseStart);
|
||||
assert_greater_than_equal(
|
||||
script_entry.responseEnd,
|
||||
script_entry.responseStart);
|
||||
assert_greater_than_equal(
|
||||
script_entry.requestStart,
|
||||
script_entry.connectEnd);
|
||||
assert_greater_than_equal(
|
||||
script_entry.responseEnd,
|
||||
script_entry.responseStart);
|
||||
// Check sizes.
|
||||
assert_greater_than(script_entry.encodedBodySize, 0);
|
||||
assert_equals(
|
||||
script_entry.transferSize,
|
||||
script_entry.encodedBodySize + 300);
|
||||
assert_equals(
|
||||
script_entry.encodedBodySize,
|
||||
script_entry.decodedBodySize);
|
||||
resolve();
|
||||
}
|
||||
})).observe({entryTypes: ['resource']});
|
||||
});
|
||||
const script = document.createElement('script');
|
||||
script.type = 'module';
|
||||
script.src = script_url;
|
||||
document.body.appendChild(script);
|
||||
return promise;
|
||||
},
|
||||
'Timestamp attributes filled in resource timing entries should be consistent.');
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
promise_test(async t => {
|
||||
const frame_id = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
|
||||
const script_id = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';
|
||||
const element = createWebBundleElement(
|
||||
'../resources/wbn/urn-uuid.wbn',
|
||||
/*resources=*/[frame_id, script_id]);
|
||||
document.body.appendChild(element);
|
||||
let iframe_entries = 0;
|
||||
let script_entries = 0;
|
||||
// Declare the report_result function as outputting into stderr
|
||||
// because it is used in the WebBundle script to report the script load.
|
||||
window.report_result = console.error;
|
||||
const promise = new Promise(resolve => {
|
||||
new PerformanceObserver(t.step_func(entryList => {
|
||||
let entries = entryList.getEntriesByType('resource');
|
||||
for (let i = 0; i < entries.length; ++i) {
|
||||
// Ignore any entries for the test harness files if present.
|
||||
if (/testharness(report)?\.js/.test(entries[i].name)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (entries[i].name === frame_id)
|
||||
++iframe_entries;
|
||||
if (entries[i].name === script_id)
|
||||
++script_entries;
|
||||
}
|
||||
if (iframe_entries == 1 && script_entries == 1) {
|
||||
resolve();
|
||||
}
|
||||
})).observe({entryTypes: ['resource']});
|
||||
});
|
||||
// Add iframe and the script so we get the ResourceTiming
|
||||
const iframe = document.createElement('iframe');
|
||||
iframe.src = frame_id;
|
||||
document.body.appendChild(iframe);
|
||||
const script = document.createElement('script');
|
||||
script.src = script_id;
|
||||
document.body.appendChild(script);
|
||||
return promise;
|
||||
}, 'Each urn:uuid resource should have exactly 1 ResourceTiming entry.');
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
async function registerServiceWorkerAndReturnActiveWorker(t, script, scope) {
|
||||
const reg = await navigator.serviceWorker.register(script, {scope: scope});
|
||||
t.add_cleanup(() => reg.unregister());
|
||||
if (reg.active)
|
||||
return reg.active;
|
||||
const worker = reg.installing || reg.waiting;
|
||||
await new Promise((resolve) => {
|
||||
worker.addEventListener('statechange', (event) => {
|
||||
if (event.target.state == 'activated')
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
return worker;
|
||||
}
|
||||
|
||||
async function getRequestedUrls(worker) {
|
||||
return new Promise(resolve => {
|
||||
navigator.serviceWorker.addEventListener(
|
||||
'message',
|
||||
e => {resolve(e.data);},
|
||||
{once: true})
|
||||
worker.postMessage(null);
|
||||
});
|
||||
}
|
||||
|
||||
promise_test(async (t) => {
|
||||
const iframe_path = './resources/service-worker-controlled-iframe.html';
|
||||
const iframe_url = new URL(iframe_path, location).href
|
||||
|
||||
// Register a service worker.
|
||||
const worker = await registerServiceWorkerAndReturnActiveWorker(
|
||||
t,
|
||||
'./resources/service-worker-for-request-monitor.js',
|
||||
iframe_path);
|
||||
|
||||
// Load an iframe which is controlled by the service worker.
|
||||
const iframe = await new Promise(resolve => {
|
||||
const frame = document.createElement('iframe');
|
||||
t.add_cleanup(() => frame.remove());
|
||||
frame.src = iframe_url;
|
||||
frame.onload = () => { resolve(frame); };
|
||||
document.body.appendChild(frame);
|
||||
});
|
||||
// The iframe request should be intercepted by the service worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), [iframe_url]);
|
||||
|
||||
// Add a web bundle element in the service worker controlled iframe.
|
||||
const frame_id = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
|
||||
const script_id = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';
|
||||
|
||||
const element = createWebBundleElement(
|
||||
'../../resources/wbn/urn-uuid.wbn',
|
||||
/*resources=*/[frame_id, script_id]);
|
||||
|
||||
const element_load_promise = new Promise(resolve => {
|
||||
element.addEventListener('load', () => {resolve();});
|
||||
});
|
||||
iframe.contentDocument.body.appendChild(element);
|
||||
await element_load_promise;
|
||||
// The web bundle request should not be intercepted by the service worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), []);
|
||||
|
||||
// Add an urn uuid URL script element in the service worker controlled
|
||||
// iframe.
|
||||
const result_promise = new Promise(resolve => {
|
||||
// window.report_result() method will be called by the injected script.
|
||||
iframe.contentWindow.report_result = resolve;
|
||||
});
|
||||
const script = iframe.contentDocument.createElement('script');
|
||||
script.src = script_id;
|
||||
iframe.contentDocument.body.appendChild(script);
|
||||
assert_equals(await result_promise, 'OK');
|
||||
// The urn uuld URL script request should not be intercepted by the
|
||||
// service worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), []);
|
||||
|
||||
// Add an urn uuid URL iframe element in the service worker controlled
|
||||
// iframe.
|
||||
const inner_iframe = iframe.contentDocument.createElement('iframe');
|
||||
inner_iframe.src = frame_id;
|
||||
const load_promise = new Promise(resolve => {
|
||||
inner_iframe.addEventListener('load', () => {resolve();});
|
||||
});
|
||||
iframe.contentDocument.body.appendChild(inner_iframe);
|
||||
await load_promise;
|
||||
// The urn uuld URL iframe request should not intercepted by the service
|
||||
// worker.
|
||||
assert_array_equals(await getRequestedUrls(worker), []);
|
||||
|
||||
// Check if the urn uuid URL iframe element is loaded correctly.
|
||||
const message_promise = new Promise(resolve => {
|
||||
window.addEventListener(
|
||||
'message',
|
||||
e => {resolve(e.data);},
|
||||
{once: true});
|
||||
});
|
||||
// location.href is evaluated in the urn uuid URL iframe element.
|
||||
inner_iframe.contentWindow.postMessage('location.href', '*');
|
||||
assert_equals(await message_promise, frame_id);
|
||||
},
|
||||
'Both Web Bundle request and Subresource fetch requests inside the Web ' +
|
||||
'Bundle should skip the service worker.');
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
promise_test(async () => {
|
||||
assert_equals(resources_script_result, 'loaded from webbundle');
|
||||
assert_equals(scopes_script_result, 'loaded from webbundle');
|
||||
assert_equals(out_of_scope_script_result, 'loaded from network');
|
||||
|
||||
['resources_', 'scopes_'].forEach((type) => {
|
||||
['style_target',
|
||||
'style_imported_from_file_target',
|
||||
'style_imported_from_tag_target'].forEach((target) => {
|
||||
const element = document.createElement('div');
|
||||
element.id = type + target;
|
||||
document.body.appendChild(element);
|
||||
assert_equals(window.getComputedStyle(element).color,
|
||||
'rgb(0, 0, 255)',
|
||||
element.id + ' color must be blue');
|
||||
});
|
||||
});
|
||||
}, 'Subresources from static elements should be loaded from web bundle.');
|
||||
|
|
@ -0,0 +1,106 @@
|
|||
const frame_url = 'urn:uuid:429fcc4e-0696-4bad-b099-ee9175f023ae';
|
||||
|
||||
promise_test(async (t) => {
|
||||
const iframe = await createWebBundleElementAndIframe(t);
|
||||
// The urn:uuid URL iframe is cross-origin. So accessing
|
||||
// iframe.contentWindow.location should throws a SecurityError.
|
||||
assert_throws_dom(
|
||||
"SecurityError",
|
||||
() => { iframe.contentWindow.location.href; });
|
||||
}, 'The urn:uuid URL iframe must be cross-origin.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'location.href',
|
||||
frame_url,
|
||||
'location.href in urn uuid iframe.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let result = window.localStorage;
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Accesing window.localStorage should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let result = window.sessionStorage;
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Accesing window.sessionStorage should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let result = document.cookie;
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Accesing document.cookie should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'(' + (() => {
|
||||
try {
|
||||
let request = window.indexedDB.open("db");
|
||||
return 'no error';
|
||||
} catch (e) {
|
||||
return e.name;
|
||||
}
|
||||
}).toString() + ')()',
|
||||
'SecurityError',
|
||||
'Opening an indexedDB should throw a SecurityError.');
|
||||
|
||||
urn_uuid_iframe_test(
|
||||
'window.caches === undefined',
|
||||
true,
|
||||
'window.caches should be undefined.');
|
||||
|
||||
function urn_uuid_iframe_test(code, expected, name) {
|
||||
promise_test(async (t) => {
|
||||
const iframe = await createWebBundleElementAndIframe(t);
|
||||
assert_equals(await evalInIframe(iframe, code), expected);
|
||||
}, name);
|
||||
}
|
||||
|
||||
async function createWebBundleElementAndIframe(t) {
|
||||
const element = createWebBundleElement(
|
||||
'../resources/wbn/urn-uuid.wbn',
|
||||
[frame_url]);
|
||||
document.body.appendChild(element);
|
||||
const iframe = document.createElement('iframe');
|
||||
t.add_cleanup(() => {
|
||||
document.body.removeChild(element);
|
||||
document.body.removeChild(iframe);
|
||||
});
|
||||
iframe.src = frame_url;
|
||||
const load_promise = new Promise((resolve) => {
|
||||
iframe.addEventListener('load', resolve);
|
||||
});
|
||||
document.body.appendChild(iframe);
|
||||
await load_promise;
|
||||
return iframe;
|
||||
}
|
||||
|
||||
async function evalInIframe(iframe, code) {
|
||||
const message_promise = new Promise((resolve) => {
|
||||
const listener = (e) => {
|
||||
window.removeEventListener('message', listener);
|
||||
resolve(e.data);
|
||||
}
|
||||
window.addEventListener('message', listener);
|
||||
});
|
||||
iframe.contentWindow.postMessage(code,'*');
|
||||
return message_promise;
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Accept: request header in webbundle requests</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/accept-header-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<title>On-going subresource loading should fail immediately when the web bundle element is removed</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/element-removal-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<title>A nested bundle is not supported</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script type="webbundle">
|
||||
{
|
||||
"source": "/web-bundle/resources/wbn/nested-main.wbn",
|
||||
"resources": ["/web-bundle/resources/wbn/nested-sub.wbn"]
|
||||
}
|
||||
</script>
|
||||
<script src="resources/nested-bundle-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Web Bundle fetching failed due to a network error</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/network-error-test.sub.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Web Bundle fetching failed due to not found error</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/not-found-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Path restriction on subresource loading with WebBundles</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<script type="webbundle">
|
||||
{
|
||||
"source": "../resources/wbn/path-restriction.wbn",
|
||||
"resources": [
|
||||
"/web-bundle/resources/wbn/resource.js",
|
||||
"/web-bundle/resources/wbn/sub/resource.js",
|
||||
"/web-bundle/resources/wbn-resource.js",
|
||||
"/web-bundle/resources/wbn1/resource.js",
|
||||
"/web-bundle/resources/other/resource.js",
|
||||
"/web-bundle/resources/resource.js"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<script src="resources/path-restriction-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Subresource loading using relative URLs in the 'resources' attribute with a base element</title>
|
||||
<base href="../resources/wbn/static-element/">
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<body>
|
||||
<script type="webbundle">
|
||||
{
|
||||
"source": "../static-element.wbn",
|
||||
"resources": ["resources/script.js"]
|
||||
}
|
||||
</script>
|
||||
<script id="script" src="resources/script.js"></script>
|
||||
|
||||
<script src="/web-bundle/subresource-loading/resources/relative-url-with-base-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Subresource loading using relative URLs in the 'resources' attribute</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script type="webbundle">
|
||||
{
|
||||
"source": "../resources/wbn/static-element.wbn",
|
||||
"resources": ["/web-bundle/resources/wbn/static-element/resources/script.js"]
|
||||
}
|
||||
</script>
|
||||
<script id="script" src="/web-bundle/resources/wbn/static-element/resources/script.js"></script>
|
||||
|
||||
<script src="resources/relative-url-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Request's destination must be "webbundle" with the script-based API</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/request-destination-test.sub.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE HTML>
|
||||
<meta charset=utf-8>
|
||||
<title>Resource timing attributes are consistent for the same-origin subresources.</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/resource-timing-attributes-consistent-test.sub.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE HTML>
|
||||
<meta charset=utf-8>
|
||||
<title>Resource timing entries present for urn:uuid resources</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/resource-timing-test.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Web Bundle fetching and the inner resouirce fetching should skip service worker</title>
|
||||
<link rel="help" href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/service-worker-controlled-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<title>WebBundle subresource loading for static elements with a base element</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<base href="../resources/wbn/static-element/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<script type="webbundle">
|
||||
{
|
||||
"source": "../static-element.wbn",
|
||||
"resources": [
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/script.js",
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style.css",
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-file.css",
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-tag.css"
|
||||
],
|
||||
"scopes": [
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/scopes/"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<style type="text/css">
|
||||
@import 'resources/style-imported-from-tag.css';
|
||||
@import 'scopes/style-imported-from-tag.css';
|
||||
</style>
|
||||
<link href="resources/style.css" rel=stylesheet>
|
||||
<link href="scopes/style.css" rel=stylesheet>
|
||||
<script src="resources/script.js"></script>
|
||||
<script src="scopes/script.js"></script>
|
||||
<script src="out-of-scope/script.js"></script>
|
||||
|
||||
<script src="/web-bundle/subresource-loading/resources/static-element-with-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<title>WebBundle subresource loading for static elements</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<script type="webbundle">
|
||||
{
|
||||
"source": "../resources/wbn/static-element.wbn",
|
||||
"resources": [
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/script.js",
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style.css",
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-file.css",
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/resources/style-imported-from-tag.css"
|
||||
],
|
||||
"scopes": [
|
||||
"https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/static-element/scopes/"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<style type="text/css">
|
||||
@import '../resources/wbn/static-element/resources/style-imported-from-tag.css';
|
||||
@import '../resources/wbn/static-element/scopes/style-imported-from-tag.css';
|
||||
</style>
|
||||
<link href="../resources/wbn/static-element/resources/style.css" rel=stylesheet>
|
||||
<link href="../resources/wbn/static-element/scopes/style.css" rel=stylesheet>
|
||||
<script src="../resources/wbn/static-element/resources/script.js"></script>
|
||||
<script src="../resources/wbn/static-element/scopes/script.js"></script>
|
||||
<script src="../resources/wbn/static-element/out-of-scope/script.js"></script>
|
||||
|
||||
<script src="resources/static-element-with-test.js"></script>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Subframe loading from Web Bundles</title>
|
||||
<link
|
||||
rel="help"
|
||||
href="https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.md"
|
||||
/>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../resources/test-helpers.js"></script>
|
||||
|
||||
<script>
|
||||
window.TEST_WEB_BUNDLE_ELEMENT_TYPE = 'script';
|
||||
</script>
|
||||
<body>
|
||||
<script src="resources/subframe-from-web-bundle-test.js"></script>
|
||||
</body>
|
||||
Загрузка…
Ссылка в новой задаче