Expand test cases

Author: IanVS

index.test.mjs

@@ -18,17 +18,100 @@ async function run(input, output, opts, postcssOpts = {}) {
 }
 
 describe("postcss-assign-layer", () => {
-  it("adds component layer to module.css files by default", async () => {
+  it("adds component layer to entire *.module.css file by default", async () => {
     const filePath = path.resolve("test/fixtures/component.module.css");
     const file = readFileSync(filePath, "utf-8");
+    await run(
+      file,
+      `@layer components {
+        a {
+          color: BurlyWood;
+        }
+
+        i {
+          color: WhiteSmoke;
+        }
+      }`,
+      undefined,
+      {
+        from: filePath,
+      }
+    );
+  });
+
+  it("allows customizing the layer name layer to module.css files by default", async () => {
+    const filePath = path.resolve("test/fixtures/component.module.css");
+    const file = readFileSync(filePath, "utf-8");
+    await run(
+      file,
+      `@layer custom {
+        a {
+          color: BurlyWood;
+        }
 
+        i {
+          color: WhiteSmoke;
+        }
+      }`,
+      { layerName: "custom" },
+      {
+        from: filePath,
+      }
+    );
+  });
+
+  it("does not apply to non-module css files by default", async () => {
+    const filePath = path.resolve("test/fixtures/base.css");
+    const file = readFileSync(filePath, "utf-8");
     await run(
       file,
-      "@layer components { a { color: BurlyWood; } }",
+      `a {
+        color: FireBrick;
+      }`,
       undefined,
       {
         from: filePath,
       }
     );
   });
+
+  it("allows specifying files with include pattern", async () => {
+    const filePath = path.resolve("test/fixtures/base.css");
+    const file = readFileSync(filePath, "utf-8");
+    await run(
+      file,
+      `@layer components {
+        a {
+          color: FireBrick;
+        }
+      }`,
+      {
+        include: "**/base.css",
+      },
+      {
+        from: filePath,
+      }
+    );
+  });
+
+  it("does not process module file if other include pattern is provided", async () => {
+    const filePath = path.resolve("test/fixtures/component.module.css");
+    const file = readFileSync(filePath, "utf-8");
+    await run(
+      file,
+      `a {
+        color: BurlyWood;
+      }
+
+      i {
+        color: WhiteSmoke;
+      }`,
+      {
+        include: "**/base.css",
+      },
+      {
+        from: filePath,
+      }
+    );
+  });
 });

test/fixtures/base.css

@@ -0,0 +1,3 @@
+a {
+  color: FireBrick;
+}

test/fixtures/component.module.css

@@ -1,3 +1,7 @@
 a {
   color: BurlyWood;
 }
+
+i {
+  color: WhiteSmoke;
+}