refactor: migrate from vitest to bun test runner

Author: te6-in

.vscode/extensions.json

@@ -4,7 +4,6 @@
     "formulahendry.auto-close-tag",
     "redhat.vscode-yaml",
     "esbenp.prettier-vscode",
-    "oven.bun-vscode",
-    "vitest.explorer"
+    "oven.bun-vscode"
   ]
 }

bun.lock

@@ -1,3 +1,6 @@
 [install]
 linker = "isolated"
 minimumReleaseAge = 86400 # 1 day
+
+[test]
+preload = ["./scripts/happydom.ts", "./scripts/testing-library.ts"]

bunfig.toml

@@ -8,8 +8,7 @@
   },
   "scripts": {
     "build": "bun build.mjs && tsc",
-    "lint:publish": "bun publint",
-    "test": "vitest"
+    "lint:publish": "bun publint"
   },
   "bin": {
     "figma-extractor": "./bin/index.mjs"

ecosystem/figma-extractor/package.json

@@ -1,20 +1,20 @@
-import { vi } from "vitest";
+import { mock } from "bun:test";
 import path from "path";
 import fs from "fs-extra";
 import { fileURLToPath } from "url";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const fixturesDir = path.join(__dirname, "../../test/fixtures");
 
-export const createApiClient = vi.fn(() => {
+export const createApiClient = mock(() => {
   return {
-    getFileComponents: vi.fn(async () => {
+    getFileComponents: mock(async () => {
       return await fs.readJson(path.join(fixturesDir, "file-components.json"));
     }),
-    getFileComponentSets: vi.fn(async () => {
+    getFileComponentSets: mock(async () => {
       return await fs.readJson(path.join(fixturesDir, "file-component-sets.json"));
     }),
-    getFileNodes: vi.fn(async (_, { ids }: { ids: string }) => {
+    getFileNodes: mock(async (_, { ids }: { ids: string }) => {
       const componentNodesData = await fs.readJson(path.join(fixturesDir, "component-nodes.json"));
       const componentSetNodesData = await fs.readJson(
         path.join(fixturesDir, "component-set-nodes.json"),
@@ -36,10 +36,10 @@ export const createApiClient = vi.fn(() => {
 
       return { nodes: filteredNodes };
     }),
-    getFileStyles: vi.fn(async () => {
+    getFileStyles: mock(async () => {
       return await fs.readJson(path.join(fixturesDir, "file-styles.json"));
     }),
-    getLocalVariables: vi.fn(async () => {
+    getLocalVariables: mock(async () => {
       return await fs.readJson(path.join(fixturesDir, "file-variables.json"));
     }),
   };

ecosystem/figma-extractor/src/api/__mocks__/client.ts

@@ -1,8 +1,9 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { createPipeline } from "../pipeline/builder";
-import { createApiClient } from "../api/client";
+import { describe, it, expect, mock, beforeEach } from "bun:test";
 
-vi.mock("../api/client");
+mock.module("../api/client", () => import("../api/__mocks__/client"));
+
+const { createPipeline } = await import("../pipeline/builder");
+const { createApiClient } = await import("../api/client");
 
 const testItems = [
   { name: "Button", type: "COMPONENT", order: 2, priority: 3 },
@@ -29,10 +30,10 @@ describe("pipeline builder", () => {
     },
   };
 
-  const mockSource = vi.fn();
+  const mockSource = mock(() => {});
 
   beforeEach(() => {
-    vi.clearAllMocks();
+    mockSource.mockClear();
     mockSource.mockResolvedValue(testItems);
   });
 

ecosystem/figma-extractor/src/test/builder.test.ts

@@ -1,8 +1,11 @@
-import { describe, it, expect, vi } from "vitest";
-import { getComponentMetadataItemsInFile, getComponentSetMetadataItemsInFile } from "../api/nodes";
-import { createApiClient } from "../api/client";
+import { describe, it, expect, mock } from "bun:test";
 
-vi.mock("../api/client");
+mock.module("../api/client", () => import("../api/__mocks__/client"));
+
+const { getComponentMetadataItemsInFile, getComponentSetMetadataItemsInFile } = await import(
+  "../api/nodes"
+);
+const { createApiClient } = await import("../api/client");
 
 describe("nodes", () => {
   const fileKey = "test-file-key";

ecosystem/figma-extractor/src/test/nodes.test.ts

@@ -1,8 +1,9 @@
-import { describe, it, expect, vi } from "vitest";
-import { sources } from "../pipeline/sources";
-import { createApiClient } from "../api/client";
+import { describe, it, expect, mock } from "bun:test";
 
-vi.mock("../api/client");
+mock.module("../api/client", () => import("../api/__mocks__/client"));
+
+const { sources } = await import("../pipeline/sources");
+const { createApiClient } = await import("../api/client");
 
 describe("sources", () => {
   const fileKey = "test-file-key";

ecosystem/figma-extractor/src/test/sources.test.ts

@@ -1,8 +1,9 @@
-import { describe, it, expect, vi } from "vitest";
-import { getStylesMetadataInFile } from "../api/styles";
-import { createApiClient } from "../api/client";
+import { describe, it, expect, mock } from "bun:test";
 
-vi.mock("../api/client");
+mock.module("../api/client", () => import("../api/__mocks__/client"));
+
+const { getStylesMetadataInFile } = await import("../api/styles");
+const { createApiClient } = await import("../api/client");
 
 describe("styles", () => {
   const fileKey = "test-file-key";

ecosystem/figma-extractor/src/test/styles.test.ts

@@ -1,8 +1,9 @@
-import { describe, it, expect, vi } from "vitest";
-import { getVariableMetadataItemsInFile } from "../api/variables";
-import { createApiClient } from "../api/client";
+import { describe, it, expect, mock } from "bun:test";
 
-vi.mock("../api/client");
+mock.module("../api/client", () => import("../api/__mocks__/client"));
+
+const { getVariableMetadataItemsInFile } = await import("../api/variables");
+const { createApiClient } = await import("../api/client");
 
 describe("variables", () => {
   const fileKey = "test-file-key";