12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
import { assert, assertStrictEquals as equals } from "../deps/assert.ts";import { build, getSite, testPage } from "./utils.ts";import postcss from "../plugins/postcss.ts";
Deno.test("postcss plugin", async () => {  const site = getSite({    src: "postcss",  });
  site.use(postcss());
  await build(site);
  equals(site.pages.length, 2);
  const assetLoaders = new Map(site.assetLoader.loaders.entries);
  // Register the .css loader  assert(assetLoaders.has(".css"));
  testPage(site, "/index", (page) => {    equals(page.data.url, "/index.css");    const content = page.content as string;    equals(      content.replaceAll("\r\n", "\n"),      `::root {  --color: #333;  --background: #fff;  --font-family: sans-serif;}.text {  font-family: var(--font-family)}.text p {    color: var(--color);    box-shadow: 0 0 0.5em var(--background);    -webkit-backface-visibility: hidden;            backface-visibility: hidden;  }`,    );  });});
Deno.test("postcss plugin without includes", async () => {  const site = getSite({    src: "postcss",  });
  site.use(postcss({    includes: false,  }));
  await build(site);
  testPage(site, "/index", (page) => {    equals(page.data.url, "/index.css");    const content = page.content as string;    equals(      content.replaceAll("\r\n", "\n"),      `@import "variables.css";@import "./text.css";`,    );  });});