1 files changed, 67 insertions, 0 deletions
diff --git a/testing/web-platform/tests/web-bundle/subresource-loading/relative-url-with-base.https.tentative.html b/testing/web-platform/tests/web-bundle/subresource-loading/relative-url-with-base.https.tentative.html
new file mode 100644
index 0000000000..3c7e1a380c
--- /dev/null
+++ b/testing/web-platform/tests/web-bundle/subresource-loading/relative-url-with-base.https.tentative.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<title>
+  Subresource loading using relative URLs in the 'resources' attribute with a
+  base element
+</title>
+<base href="../resources/wbn/" />
+<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": ["static-element/resources/script.js"]
+    }
+  </script>
+  <script id="script" src="static-element/resources/script.js"></script>
+
+  <script type="webbundle">
+    {
+      "source": "dynamic1.wbn",
+      "scopes": ["dynamic/resource"]
+    }
+  </script>
+
+  <script>
+    setup(() => {
+      assert_true(HTMLScriptElement.supports("webbundle"));
+    });
+
+    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.");
+
+    promise_test(async () => {
+      const module = await import(
+        "/web-bundle/resources/wbn/dynamic/resource1.js"
+      );
+      assert_equals(module.result, "resource1 from dynamic1.wbn");
+      const module2 = await import(
+        "/web-bundle/resources/wbn/dynamic/resource2.js"
+      );
+      assert_equals(module2.result, "resource2 from dynamic1.wbn");
+      const module3 = await import(
+        "/web-bundle/resources/wbn/dynamic/resource3.js"
+      );
+      assert_equals(module3.result, "resource3 from dynamic1.wbn");
+      const module4 = await import(
+        "/web-bundle/resources/wbn/dynamic/resource4.js"
+      );
+      assert_equals(module4.result, "resource4 from dynamic1.wbn");
+      const result_promise = new Promise((resolve) => {
+        // This function will be called from script.js
+        window.report_result = resolve;
+      });
+
+      const script = document.createElement("script");
+      script.src = "/web-bundle/resources/wbn/dynamic/classic_script.js";
+      document.body.appendChild(script);
+      assert_equals(await result_promise, "classic script from network");
+    }, "Subresources that start with 'resource' should be loaded from dynamic1.wbn while others from network.");
+  </script>
+</body>