Fix Vitest project setup for web tests

Author: pallyoung

packages/web/src/features/workspace/views/shared/git-status-bar.test.tsx

@@ -1,3 +1,5 @@
+// @vitest-environment jsdom
+
 import type { GitStatus } from "@coder-studio/core";
 import { fireEvent, render, screen, waitFor, within } from "@testing-library/react";
 import { createStore, Provider } from "jotai";

packages/web/vite.config.ts

@@ -70,6 +70,6 @@ export default defineConfig({
     env: {
       NODE_ENV: "test",
     },
-    setupFiles: ["./src/test-utils/setup.ts"],
+    setupFiles: [path.resolve(__dirname, "./src/test-utils/setup.ts")],
   },
 });

packages/web/vitest.config.ts

@@ -0,0 +1,21 @@
+import react from "@vitejs/plugin-react";
+import path from "path";
+import { defineProject } from "vitest/config";
+
+export default defineProject({
+  root: __dirname,
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  test: {
+    environment: "jsdom",
+    globals: true,
+    env: {
+      NODE_ENV: "test",
+    },
+    setupFiles: [path.resolve(__dirname, "./src/test-utils/setup.ts")],
+  },
+});

vitest.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    projects: [
+      "packages/core/vitest.config.ts",
+      "packages/providers/vitest.config.ts",
+      "packages/server/vitest.config.ts",
+      "packages/web/vitest.config.ts",
+    ],
+  },
+});