Use vitest instead of jest

mellevanderlinde · Jan 2, 2025 · e263f21 · e263f21
1 parent 0ed669f
commit e263f21
Show file tree

Hide file tree

Showing 19 changed files with 947 additions and 1,955 deletions.
diff --git a/apps/infra/.gitignore b/apps/infra/.gitignore
@@ -1,5 +1,4 @@
 *.js
-!jest.config.js
 !eslint.config.js
 *.d.ts
 node_modules

diff --git a/apps/infra/jest.config.ts b/apps/infra/jest.config.ts
diff --git a/apps/infra/package.json b/apps/infra/package.json
@@ -7,18 +7,16 @@
   "scripts": {
     "build": "tsc",
     "lint": "eslint .",
-    "test": "jest",
-    "test:update": "jest -u"
+    "test": "vitest run",
+    "test:update": "vitest run -u"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.14",
     "@types/node": "^22.10.3",
     "aws-cdk": "^2.173.4",
     "eslint-config": "workspace:*",
-    "jest": "^29.7.0",
-    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8"
   },
   "dependencies": {
     "aws-cdk-lib": "^2.173.4",

diff --git a/apps/infra/test/__snapshots__/stack.test.ts.snap b/apps/infra/test/__snapshots__/stack.test.ts.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Match with snapshot 1`] = `
 {

diff --git a/apps/infra/test/stack.test.ts b/apps/infra/test/stack.test.ts
@@ -1,4 +1,5 @@
 import { App, assertions } from "aws-cdk-lib";
+import { expect, test } from "vitest";
 import { PortfolioStack } from "../lib/portfolio-stack";
 
 test("Match with snapshot", () => {

diff --git a/apps/infra/test/website.test.ts b/apps/infra/test/website.test.ts
@@ -1,3 +1,5 @@
+import { expect, test, describe } from "vitest";
+
 describe("Check if website is available", () => {
   const domain = "mellevanderlinde.com";
 

diff --git a/apps/infra/tsconfig.json b/apps/infra/tsconfig.json
@@ -24,6 +24,6 @@
   "exclude": [
     "node_modules",
     "cdk.out",
-    "jest.config.ts"
+    "**/*.test.ts"
   ]
 }
diff --git a/...tests__/__snapshots__/components.tsx.snap → ...__/__snapshots__/components.test.tsx.snap b/...tests__/__snapshots__/components.tsx.snap → ...__/__snapshots__/components.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Match footer 1`] = `
 <div>

diff --git a/...te/__tests__/__snapshots__/pages.tsx.snap → ...tests__/__snapshots__/pages.test.tsx.snap b/...te/__tests__/__snapshots__/pages.tsx.snap → ...tests__/__snapshots__/pages.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Match blog 1`] = `
 <div>

diff --git a/apps/website/__tests__/components.tsx → apps/website/__tests__/components.test.tsx b/apps/website/__tests__/components.tsx → apps/website/__tests__/components.test.tsx
@@ -1,3 +1,4 @@
+import { test, expect } from "vitest";
 import { render } from "@testing-library/react";
 import { Header1 } from "@app/components/header";
 import { Navbar } from "@app/components/nav";

diff --git a/apps/website/__tests__/pages.tsx → apps/website/__tests__/pages.test.tsx b/apps/website/__tests__/pages.tsx → apps/website/__tests__/pages.test.tsx
@@ -1,3 +1,4 @@
+import { test, expect } from "vitest";
 import { render } from "@testing-library/react";
 import Home from "@app/page";
 import Projects from "@app/projects/page";

diff --git a/apps/website/jest.config.ts b/apps/website/jest.config.ts
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -5,8 +5,8 @@
     "build": "next build",
     "dev": "open http://localhost:3000 && next dev --turbopack",
     "lint": "eslint .",
-    "test": "jest",
-    "test:update": "jest -u"
+    "test": "vitest run",
+    "test:update": "vitest run -u"
   },
   "dependencies": {
     "@types/node": "^22.10.3",
@@ -26,10 +26,10 @@
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
     "@testing-library/react": "^16.1.0",
-    "@types/jest": "^29.5.14",
+    "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
     "eslint-config": "workspace:*",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0"
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8"
   }
 }
diff --git a/apps/website/vitest.config.mts b/apps/website/vitest.config.mts
@@ -0,0 +1,10 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+export default defineConfig({
+  plugins: [tsconfigPaths(), react()],
+  test: {
+    environment: "jsdom",
+  },
+});
diff --git a/packages/reading-time/index.test.ts b/packages/reading-time/index.test.ts
@@ -1,3 +1,4 @@
+import { expect, it } from "vitest";
 import { getReadingTime } from "./index";
 
 const sentence = "This is an example sentence. ";

diff --git a/packages/reading-time/jest.config.ts b/packages/reading-time/jest.config.ts
diff --git a/packages/reading-time/package.json b/packages/reading-time/package.json
@@ -3,13 +3,11 @@
   "scripts": {
     "build": "tsc --build --clean",
     "lint": "eslint .",
-    "test": "jest"
+    "test": "vitest run"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.14",
     "eslint-config": "workspace:*",
-    "jest": "^29.7.0",
-    "ts-jest": "^29.2.5",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8"
   }
 }
diff --git a/packages/reading-time/tsconfig.json b/packages/reading-time/tsconfig.json
@@ -5,6 +5,5 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true
-  },
-  "exclude": ["jest.config.ts"]
+  }
 }