<!DOCTYPE html> <title>Subresource loading using relative URLs in the 'scopes'</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> setup(() => { assert_true(HTMLScriptElement.supports("webbundle")); }); </script> <body> <script> let script; function cleanUp() { if (script) { script.remove(); } } function createScriptWebBundle(scope) { return createWebBundleElement( "../resources/wbn/relative-url.wbn", /*resources=*/ [], { scopes: [scope] } ); } async function assertResourceCanBeFetched() { const response = await fetch( "../resources/wbn/relative-url/subdirectory-path.js" ); const text = await response.text(); assert_equals(text, "scriptLoaded('subdirectory-path.js');"); } async function assertResourceNotFound() { const response = await fetch( "../resources/wbn/relative-url/subdirectory-path.js" ); const status = await response.status; assert_equals(status, 404); } promise_test(async (t) => { t.add_cleanup(cleanUp); script = createScriptWebBundle("relative-url"); document.body.append(script); await assertResourceCanBeFetched(); }, "A relative URL, 'relative-url', should be resolved on the bundle's URL"); promise_test(async (t) => { t.add_cleanup(cleanUp); script = createScriptWebBundle("./relative-url"); document.body.append(script); await assertResourceCanBeFetched(); }, "Use './relative-url', starting with dot"); promise_test(async (t) => { t.add_cleanup(cleanUp); script = createScriptWebBundle("../wbn/relative-url"); document.body.append(script); await assertResourceCanBeFetched(); }, "Use '../wbn/relative-url', starting with two dots"); promise_test(async (t) => { t.add_cleanup(cleanUp); script = createScriptWebBundle("/web-bundle/resources/wbn/relative-url"); document.body.append(script); await assertResourceCanBeFetched(); }, "Use '/web-bundle/resources/wbn/relative-url', starting with slash"); promise_test(async (t) => { t.add_cleanup(cleanUp); script = createScriptWebBundle("unrelated-scope"); document.body.append(script); await assertResourceNotFound(); }, "A resource should not be found"); </script> </body>