<!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> setup(() => { assert_true(HTMLScriptElement.supports("webbundle")); }); 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."); </script> </body>