<!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" type="module"></script>

<script type="module">
"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>
