/
css-variables.test.ts
31 lines (30 loc) · 1.19 KB
/
css-variables.test.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import PurgeCSS from "./../src/index";
import { ROOT_TEST_EXAMPLES } from "./utils";
describe("purge unused css variables", () => {
let purgedCSS: string;
beforeAll(async (done) => {
const resultPurge = await new PurgeCSS().purge({
content: [`${ROOT_TEST_EXAMPLES}css-variables/variables.html`],
css: [`${ROOT_TEST_EXAMPLES}css-variables/variables.css`],
variables: true,
});
purgedCSS = resultPurge[0].css;
done();
});
it("keeps '--primary-color'", () => {
expect(purgedCSS.includes("--primary-color:")).toBe(true);
});
it("keeps '--accent-color', '--used-color'", () => {
expect(purgedCSS.includes("--accent-color:")).toBe(true);
expect(purgedCSS.includes("--used-color:")).toBe(true);
});
it("removes '--tertiary-color', '--unused-color' and '--button-color'", () => {
expect(purgedCSS.includes("--tertiary-color")).toBe(false);
expect(purgedCSS.includes("--unused-color")).toBe(false);
expect(purgedCSS.includes("--button-color")).toBe(false);
});
it("keeps '--color-first:', '--wrong-order'", () => {
expect(purgedCSS.includes("--color-first:")).toBe(true);
expect(purgedCSS.includes("--wrong-order:")).toBe(true);
});
});