summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/scripting-1/the-script-element/css-module/import-css-module-dynamic.html
blob: 5774a31cb24058c140cd04031d81f85b6c057ab9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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>