happy-css-modules 3.2.0 → 5.0.0

package/src/locator/index.test.ts

@@ -1,9 +1,8 @@
-import { readFile, writeFile } from 'fs/promises';
 import { randomUUID } from 'node:crypto';
-import { jest } from '@jest/globals';
+import { readFile, writeFile } from 'node:fs/promises';
 import dedent from 'dedent';
 import { Locator, createDefaultTransformer } from '../index.js';
-import { createFixtures, getFixturePath } from '../test-util/util.js';
+import { createFixtures, getFixturePath, replaceFixtureDir } from '../test-util/util.js';
 import { sleepSync } from '../util.js';
 
 const locator = new Locator();
@@ -11,29 +10,41 @@ const locator = new Locator();
 test('basic', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    .a {}
-    .b {}
+      .a {}
+      .b {}
     `,
   });
   const result = await locator.load(getFixturePath('/test/1.css'));
-  expect(result).toMatchInlineSnapshot(`
+  expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
     {
-      dependencies: [],
-      tokens: [
+      "dependencies": [],
+      "tokens": [
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/1.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/1.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
         {
-          name: "b",
-          originalLocation: {
-            filePath: "<fixtures>/test/1.css",
-            start: { line: 2, column: 1 },
-            end: { line: 2, column: 2 },
+          "name": "b",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 2,
+            },
+            "filePath": "<fixtures>/test/1.css",
+            "start": {
+              "column": 1,
+              "line": 2,
+            },
           },
         },
       ],
@@ -44,68 +55,92 @@ test('basic', async () => {
 test('tracks other files when `@import` is present', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    @import './2.css';
-    @import '3.css';
-    @import '${getFixturePath('/test/4.css')}';
-    @import './5.css';
+      @import './2.css';
+      @import '3.css';
+      @import '${getFixturePath('/test/4.css')}';
+      @import './5.css';
     `,
     '/test/2.css': dedent`
-    .a {}
+      .a {}
     `,
     '/test/3.css': dedent`
-    .b {}
+      .b {}
     `,
     '/test/4.css': dedent`
-    .c {}
+      .c {}
     `,
     '/test/5.css': dedent`
-    @import './5-recursive.css';
+      @import './5-recursive.css';
     `,
     '/test/5-recursive.css': dedent`
-    .d {}
+      .d {}
     `,
   });
   const result = await locator.load(getFixturePath('/test/1.css'));
-  expect(result).toMatchInlineSnapshot(`
+  expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
     {
-      dependencies: [
+      "dependencies": [
         "<fixtures>/test/2.css",
         "<fixtures>/test/3.css",
         "<fixtures>/test/4.css",
         "<fixtures>/test/5.css",
         "<fixtures>/test/5-recursive.css",
       ],
-      tokens: [
+      "tokens": [
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/2.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/2.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
         {
-          name: "b",
-          originalLocation: {
-            filePath: "<fixtures>/test/3.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "b",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/3.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
         {
-          name: "c",
-          originalLocation: {
-            filePath: "<fixtures>/test/4.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "c",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/4.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
         {
-          name: "d",
-          originalLocation: {
-            filePath: "<fixtures>/test/5-recursive.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "d",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/5-recursive.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
       ],
@@ -116,26 +151,32 @@ test('tracks other files when `@import` is present', async () => {
 test('does not track other files by `composes`', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    .a {
-      composes: b from './2.css';
-      composes: c from './3.css'; /* non-existent file */
-    }
+      .a {
+        composes: b from './2.css';
+        composes: c from './3.css'; /* non-existent file */
+      }
     `,
     '/test/2.css': dedent`
-    .b {}
+      .b {}
     `,
   });
   const result = await locator.load(getFixturePath('/test/1.css'));
-  expect(result).toMatchInlineSnapshot(`
+  expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
     {
-      dependencies: [],
-      tokens: [
+      "dependencies": [],
+      "tokens": [
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/1.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/1.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
       ],
@@ -146,47 +187,69 @@ test('does not track other files by `composes`', async () => {
 test('tracks other files when `@value` is present', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    @value a from './2.css';
-    @value b from '3.css';
-    @value c from '${getFixturePath('/test/4.css')}';
+      @value a from './2.css';
+      @value b from '3.css';
+      @value c from '${getFixturePath('/test/4.css')}';
     `,
     '/test/2.css': dedent`
-    @value a: 1;
+      @value a: 1;
     `,
     '/test/3.css': dedent`
-    @value b: 2;
+      @value b: 2;
     `,
     '/test/4.css': dedent`
-    @value c: 3;
+      @value c: 3;
     `,
   });
   const result = await locator.load(getFixturePath('/test/1.css'));
-  expect(result).toMatchInlineSnapshot(`
+  expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
     {
-      dependencies: ["<fixtures>/test/2.css", "<fixtures>/test/3.css", "<fixtures>/test/4.css"],
-      tokens: [
+      "dependencies": [
+        "<fixtures>/test/2.css",
+        "<fixtures>/test/3.css",
+        "<fixtures>/test/4.css",
+      ],
+      "tokens": [
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/2.css",
-            start: { line: 1, column: 8 },
-            end: { line: 1, column: 9 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 9,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/2.css",
+            "start": {
+              "column": 8,
+              "line": 1,
+            },
           },
         },
         {
-          name: "b",
-          originalLocation: {
-            filePath: "<fixtures>/test/3.css",
-            start: { line: 1, column: 8 },
-            end: { line: 1, column: 9 },
+          "name": "b",
+          "originalLocation": {
+            "end": {
+              "column": 9,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/3.css",
+            "start": {
+              "column": 8,
+              "line": 1,
+            },
           },
         },
         {
-          name: "c",
-          originalLocation: {
-            filePath: "<fixtures>/test/4.css",
-            start: { line: 1, column: 8 },
-            end: { line: 1, column: 9 },
+          "name": "c",
+          "originalLocation": {
+            "end": {
+              "column": 9,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/4.css",
+            "start": {
+              "column": 8,
+              "line": 1,
+            },
           },
         },
       ],
@@ -197,52 +260,78 @@ test('tracks other files when `@value` is present', async () => {
 test('unique tokens', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    /* duplicate import */
-    @import './2.css';
-    @import '2.css';
-    .a {}
-    .a {} /* duplicate class selector */
+      /* duplicate import */
+      @import './2.css';
+      @import '2.css';
+      .a {}
+      .a {} /* duplicate class selector */
     `,
     '/test/2.css': dedent`
-    .a {} /* class selector that duplicates the import source */
-    .b {}
+      .a {} /* class selector that duplicates the import source */
+      .b {}
     `,
   });
   const result = await locator.load(getFixturePath('/test/1.css'));
-  expect(result).toMatchInlineSnapshot(`
+  expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
     {
-      dependencies: ["<fixtures>/test/2.css"],
-      tokens: [
+      "dependencies": [
+        "<fixtures>/test/2.css",
+      ],
+      "tokens": [
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/2.css",
-            start: { line: 1, column: 1 },
-            end: { line: 1, column: 2 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 1,
+            },
+            "filePath": "<fixtures>/test/2.css",
+            "start": {
+              "column": 1,
+              "line": 1,
+            },
           },
         },
         {
-          name: "b",
-          originalLocation: {
-            filePath: "<fixtures>/test/2.css",
-            start: { line: 2, column: 1 },
-            end: { line: 2, column: 2 },
+          "name": "b",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 2,
+            },
+            "filePath": "<fixtures>/test/2.css",
+            "start": {
+              "column": 1,
+              "line": 2,
+            },
           },
         },
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/1.css",
-            start: { line: 4, column: 1 },
-            end: { line: 4, column: 2 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 4,
+            },
+            "filePath": "<fixtures>/test/1.css",
+            "start": {
+              "column": 1,
+              "line": 4,
+            },
           },
         },
         {
-          name: "a",
-          originalLocation: {
-            filePath: "<fixtures>/test/1.css",
-            start: { line: 5, column: 1 },
-            end: { line: 5, column: 2 },
+          "name": "a",
+          "originalLocation": {
+            "end": {
+              "column": 2,
+              "line": 5,
+            },
+            "filePath": "<fixtures>/test/1.css",
+            "start": {
+              "column": 1,
+              "line": 5,
+            },
           },
         },
       ],
@@ -253,19 +342,19 @@ test('unique tokens', async () => {
 test('returns the result from the cache when the file has not been modified', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    @import './2.css';
-    @import './3.css';
+      @import './2.css';
+      @import './3.css';
     `,
     '/test/2.css': dedent`
-    .b {}
+      .b {}
     `,
     '/test/3.css': dedent`
-    .c {}
-    .d {}
+      .c {}
+      .d {}
     `,
   });
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const readCSSSpy = jest.spyOn(locator, 'readCSS' as any);
+  // oxlint-disable-next-line typescript/no-explicit-any
+  const readCSSSpy = vi.spyOn(locator, 'readCSS' as any);
   await locator.load(getFixturePath('/test/1.css'));
   expect(readCSSSpy).toHaveBeenCalledTimes(3);
   expect(readCSSSpy).toHaveBeenNthCalledWith(1, getFixturePath('/test/1.css'));
@@ -298,41 +387,59 @@ describe('supports sourcemap', () => {
     const locator = new Locator({ transformer });
     createFixtures({
       '/test/1.scss': dedent`
-      .nesting {
-        dummy: '';
-        .nesting_child {
+        .nesting {
           dummy: '';
+          .nesting_child {
+            dummy: '';
+          }
         }
-      }
       `,
     });
     const result = await locator.load(getFixturePath('/test/1.scss'));
-    expect(result).toMatchInlineSnapshot(`
+    expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
       {
-        dependencies: [],
-        tokens: [
+        "dependencies": [],
+        "tokens": [
           {
-            name: "nesting",
-            originalLocation: {
-              filePath: "<fixtures>/test/1.scss",
-              start: { line: 1, column: 1 },
-              end: { line: 1, column: 8 },
+            "name": "nesting",
+            "originalLocation": {
+              "end": {
+                "column": 8,
+                "line": 1,
+              },
+              "filePath": "<fixtures>/test/1.scss",
+              "start": {
+                "column": 1,
+                "line": 1,
+              },
             },
           },
           {
-            name: "nesting",
-            originalLocation: {
-              filePath: "<fixtures>/test/1.scss",
-              start: { line: 3, column: 3 },
-              end: { line: 3, column: 10 },
+            "name": "nesting",
+            "originalLocation": {
+              "end": {
+                "column": 10,
+                "line": 3,
+              },
+              "filePath": "<fixtures>/test/1.scss",
+              "start": {
+                "column": 3,
+                "line": 3,
+              },
             },
           },
           {
-            name: "nesting_child",
-            originalLocation: {
-              filePath: "<fixtures>/test/1.scss",
-              start: { line: 3, column: 3 },
-              end: { line: 3, column: 16 },
+            "name": "nesting_child",
+            "originalLocation": {
+              "end": {
+                "column": 16,
+                "line": 3,
+              },
+              "filePath": "<fixtures>/test/1.scss",
+              "start": {
+                "column": 3,
+                "line": 3,
+              },
             },
           },
         ],
@@ -343,42 +450,68 @@ describe('supports sourcemap', () => {
     const uuid = randomUUID();
     createFixtures({
       [`/${uuid}/postcss.config.js`]: dedent`
-      module.exports = {
-        plugins: [],
-      };
+        module.exports = {
+          plugins: [],
+        };
       `,
       '/test/1.css': dedent`
-      .selector_list_a_1, .selector_list_a_2 {}
-      /* In postcss, including newlines in the selector list breaks the sourcemap. */
-      .selector_list_b_1,
-      .selector_list_b_2 {}
+        .selector_list_a_1, .selector_list_a_2 {}
+        /* In postcss, including newlines in the selector list breaks the sourcemap. */
+        .selector_list_b_1,
+        .selector_list_b_2 {}
       `,
     });
     const transformer = createDefaultTransformer({ postcssConfig: getFixturePath(`/${uuid}/postcss.config.js`) });
     const locator = new Locator({ transformer });
     const result = await locator.load(getFixturePath('/test/1.css'));
-    expect(result).toMatchInlineSnapshot(`
+    expect(replaceFixtureDir(result)).toMatchInlineSnapshot(`
       {
-        dependencies: [],
-        tokens: [
+        "dependencies": [],
+        "tokens": [
+          {
+            "name": "selector_list_a_1",
+            "originalLocation": {
+              "end": {
+                "column": 18,
+                "line": 1,
+              },
+              "filePath": "<fixtures>/test/1.css",
+              "start": {
+                "column": 1,
+                "line": 1,
+              },
+            },
+          },
+          {
+            "name": "selector_list_a_2",
+            "originalLocation": {
+              "end": {
+                "column": 18,
+                "line": 1,
+              },
+              "filePath": "<fixtures>/test/1.css",
+              "start": {
+                "column": 1,
+                "line": 1,
+              },
+            },
+          },
           {
-            name: "selector_list_a_1",
-            originalLocation: {
-              filePath: "<fixtures>/test/1.css",
-              start: { line: 1, column: 1 },
-              end: { line: 1, column: 18 },
+            "name": "selector_list_b_1",
+            "originalLocation": {
+              "end": undefined,
+              "filePath": undefined,
+              "start": undefined,
             },
           },
           {
-            name: "selector_list_a_2",
-            originalLocation: {
-              filePath: "<fixtures>/test/1.css",
-              start: { line: 1, column: 1 },
-              end: { line: 1, column: 18 },
+            "name": "selector_list_b_2",
+            "originalLocation": {
+              "end": undefined,
+              "filePath": undefined,
+              "start": undefined,
             },
           },
-          { name: "selector_list_b_1", originalLocation: {} },
-          { name: "selector_list_b_2", originalLocation: {} },
         ],
       }
     `);
@@ -388,8 +521,8 @@ describe('supports sourcemap', () => {
 test('ignores http(s) protocol file', async () => {
   createFixtures({
     '/test/1.css': dedent`
-    @import 'http://example.com/path/http.css';
-    @import 'https://example.com/path/https.css';
+      @import 'http://example.com/path/http.css';
+      @import 'https://example.com/path/https.css';
     `,
   });
   const result = await locator.load(getFixturePath('/test/1.css'));
@@ -402,5 +535,5 @@ test('block concurrent calls to load method', async () => {
   });
   await expect(async () => {
     await Promise.all([locator.load(getFixturePath('/test/1.css')), locator.load(getFixturePath('/test/1.css'))]);
-  }).rejects.toThrowError('Cannot call `Locator#load` concurrently.');
+  }).rejects.toThrow('Cannot call `Locator#load` concurrently.');
 });