import-css-module-dynamic.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/scripting-1/the-script-element/css-module/import-css-module-dynamic.html - WPT Dashboard Interop Dashboard

<!doctype html>

<head>

    <script src="/resources/testharness.js"></script>

    <script src="/resources/testharnessreport.js"></script>

</head>

<body>

    <script>

        promise_test(async function (test) {

            const css_module = await import("./resources/basic.css", { with: { type: "css" }});

            assert_true(css_module.default instanceof CSSStyleSheet);

            assert_equals(css_module.default.cssRules[0].cssText,

                "#test { background-color: rgb(255, 0, 0); }");

        }, "Load a CSS module with dynamic import()");

        promise_test(function (test) {

            return promise_rejects_js(test, TypeError,

                import("./resources/basic.css"),

                "Attempting to import() a CSS module without a type attribute should fail");

        }, "Ensure that loading a CSS module with dymnamic import() fails without a type attribute");

    </script>

</body>