mirror of https://github.com/webpack/webpack.git
58 lines
1.2 KiB
JavaScript
58 lines
1.2 KiB
JavaScript
|
import "./a.css";
|
||
|
|
import "./b.css";
|
||
|
|
|
||
|
|
const fs = __non_webpack_require__("fs");
|
||
|
|
const path = __non_webpack_require__("path");
|
||
|
|
|
||
|
|
it("should load a chunk with css", () => {
|
||
|
|
const linkStart = document.getElementsByTagName("link").length;
|
||
|
|
const scriptStart = document.getElementsByTagName("script").length;
|
||
|
|
const promise = import("./chunk");
|
||
|
|
|
||
|
|
const links = document.getElementsByTagName("link").slice(linkStart);
|
||
|
|
const scripts = document.getElementsByTagName("script").slice(scriptStart);
|
||
|
|
|
||
|
|
expect(links.length).toBe(1);
|
||
|
|
expect(scripts.length).toBe(1);
|
||
|
|
links[0].onload();
|
||
|
|
__non_webpack_require__(
|
||
|
|
scripts[0].src.replace("https://test.cases/path", ".")
|
||
|
|
);
|
||
|
|
|
||
|
|
const css = fs
|
||
|
|
.readFileSync(
|
||
|
|
path.resolve(
|
||
|
|
__dirname,
|
||
|
|
links[0].href.replace("https://test.cases/path", ".")
|
||
|
|
),
|
||
|
|
"utf-8"
|
||
|
|
)
|
||
|
|
.trim();
|
||
|
|
expect(css).toMatchInlineSnapshot(`
|
||
|
|
".chunk {
|
||
|
|
color: red;
|
||
|
|
}"
|
||
|
|
`);
|
||
|
|
|
||
|
|
return promise;
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should generate correct css", () => {
|
||
|
|
const css = fs
|
||
|
|
.readFileSync(path.resolve(__dirname, "main.css"), "utf-8")
|
||
|
|
.trim();
|
||
|
|
expect(css).toMatchInlineSnapshot(`
|
||
|
|
".dependency {
|
||
|
|
color: ${WATCH_STEP === "1" ? "red" : "green"};
|
||
|
|
}
|
||
|
|
|
||
|
|
.a {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.b {
|
||
|
|
color: ${WATCH_STEP === "1" ? "red" : "green"};
|
||
|
|
}"
|
||
|
|
`);
|
||
|
|
});
|