1 files changed, 55 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/scripting-1/the-script-element/module/dynamic-import/no-active-script-classic-manual.html b/testing/web-platform/tests/html/semantics/scripting-1/the-script-element/module/dynamic-import/no-active-script-classic-manual.html
new file mode 100644
index 0000000000..b01f595c03
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/scripting-1/the-script-element/module/dynamic-import/no-active-script-classic-manual.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Dynamic import when there is no active script</title>
+<link rel="help" href="https://github.com/whatwg/html/pull/4181">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<p>Click these buttons in sequence:</p>
+
+<button id="button1">Click me 1</button>
+
+<button id="button2">Click me 2</button>
+
+<p>The result will be pass/fail per the testharness.js results</p>
+
+<!-- We set the attributes from a separate script to specifically make
+     sure that it's not that script's base URL that gets used, but instead this page's. -->
+<script src="scripts/no-active-script.js"></script>
+
+<script>
+"use strict";
+setup({ explicit_timeout: true });
+
+promise_test(t => {
+  t.add_cleanup(() => {
+    delete window.evaluated_imports_a;
+  });
+
+  const promise = new Promise((resolve, reject) => {
+    window.continueTest1 = resolve;
+    window.errorTest1 = reject;
+  });
+
+  return promise.then(module => {
+    assert_true(window.evaluated_imports_a, "The module must have been evaluated");
+    assert_equals(module.A.from, "imports-a.js", "The module namespace object must be correct");
+  });
+}, "onclick that directly imports should successfully import, using page's base URL");
+
+promise_test(t => {
+  t.add_cleanup(() => {
+    delete window.evaluated_imports_a;
+  });
+
+  const promise = new Promise((resolve, reject) => {
+    window.continueTest2 = resolve;
+    window.errorTest2 = reject;
+  });
+
+  return promise.then(module => {
+    assert_true(window.evaluated_imports_a, "The module must have been evaluated");
+    assert_equals(module.A.from, "imports-a.js", "The module namespace object must be correct");
+  });
+}, "onclick that indirectly imports after a task should successfully import, using page's base URL");
+</script>