chore: replace jest with vitest

Author: eezhal92

jest.config.ts

@@ -11,8 +11,8 @@
     "format": "prettier --write .",
     "check-format": "prettier --check .",
     "prepare": "husky",
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage"
   },
   "husky": {
     "hooks": {
@@ -27,6 +27,7 @@
     "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.3",
+    "@vitest/coverage-v8": "^2.1.3",
     "axios": "^1.7.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -46,26 +47,25 @@
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^8.0.1",
     "@typescript-eslint/parser": "^8.0.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "eslint": "^8",
     "eslint-config-next": "14.2.5",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.35.0",
     "husky": "^9.1.4",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^25.0.1",
     "lint-staged": "^15.2.8",
     "postcss": "^8",
     "prettier": "3.3.3",
     "tailwindcss": "^3.4.1",
-    "ts-jest": "^29.2.4",
     "ts-node": "^10.9.2",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vitest": "^2.1.3"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"

jest.setup.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { render } from "@testing-library/react";
 import Announcement from "./";
 import userEvent from "@testing-library/user-event";

package.json

@@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { render, screen } from "@testing-library/react";
 import EventCardV2 from "./EventCardV2";
 import { TechEvent } from "../types";

src/components/ui/Announcement/Announcement.test.tsx

@@ -0,0 +1,9 @@
+import { expect, afterEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+import * as matchers from "@testing-library/jest-dom/matchers";
+
+expect.extend(matchers);
+
+afterEach(() => {
+  cleanup();
+});

src/features/events/components/EventCardV2.test.tsx

@@ -0,0 +1,35 @@
+import { configDefaults, defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import path from "path";
+
+const testExclusions = [
+  "build",
+  "node_modules",
+  "config",
+  "test",
+  "__mocks__",
+  ".eslintrc.js",
+  "**/*.styles.ts",
+  "**/*.types.ts",
+  "**/types.ts",
+  "**/*.d.ts",
+  "src/app/**",
+];
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  test: {
+    environment: "jsdom",
+    globals: true,
+    setupFiles: "./tests/vitest-setup.ts",
+    exclude: [...configDefaults.exclude, ...testExclusions],
+    coverage: {
+      exclude: [...(configDefaults.coverage.exclude ?? []), ...testExclusions],
+    },
+  },
+});