| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>import() inside compiled strings uses the script base URL (= document base URL) inside an inline classic script</title> |
| <link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> |
| |
| <base href=".."> |
| |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| |
| <div id="dummy"></div> |
| |
| <script> |
| function createTestPromise() { |
| return new Promise((resolve, reject) => { |
| window.continueTest = resolve; |
| window.errorTest = reject; |
| }); |
| } |
| |
| const dummyDiv = document.querySelector("#dummy"); |
| |
| const evaluators = { |
| setTimeout, |
| eval, |
| "the Function constructor"(x) { |
| Function(x)(); |
| }, |
| "reflected inline event handlers"(x) { |
| dummyDiv.setAttribute("onclick", x); |
| dummyDiv.onclick(); |
| }, |
| "inline event handlers triggered via UA code"(x) { |
| dummyDiv.setAttribute("onclick", x); |
| dummyDiv.click(); // different from .**on**click() |
| } |
| }; |
| |
| for (const [label, evaluator] of Object.entries(evaluators)) { |
| promise_test(t => { |
| t.add_cleanup(() => { |
| dummyDiv.removeAttribute("onclick"); |
| delete window.evaluated_imports_a; |
| }); |
| |
| const promise = createTestPromise(); |
| |
| evaluator(`import('./imports-a.js?label=${label}').then(window.continueTest, window.errorTest);`); |
| |
| 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"); |
| }); |
| }, label + " should successfully import"); |
| }; |
| </script> |
