feat: vitest

Author: jscottsmith

.github/workflows/main.yml

@@ -42,7 +42,7 @@ jobs:
         run: pnpm lint
 
       - name: Test
-        run: pnpm test -- --ci --maxWorkers=2
+        run: pnpm test
 
       - name: Build
         run: pnpm build

docs/development.md

@@ -18,7 +18,7 @@ pnpm start
 
 ## Testing
 
-Run Jest tests
+Run Vitest tests
 
 ```
 pnpm test

docs/tsdx-readme.md

@@ -52,9 +52,9 @@ To run tests, use `npm test` or `pnpm test`.
 
 Code quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.
 
-### Jest
+### Vitest
 
-Jest tests are set up to run with `npm test` or `pnpm test`.
+Vitest tests are set up to run with `npm test` or `pnpm test`.
 
 ### Bundle analysis
 

eslint.config.js

@@ -24,7 +24,7 @@ export default [
         DOMRect: 'readonly',
         console: 'readonly',
         global: 'readonly',
-        // Jest globals
+        // Vitest globals
         describe: 'readonly',
         it: 'readonly',
         test: 'readonly',
@@ -33,7 +33,7 @@ export default [
         afterEach: 'readonly',
         beforeAll: 'readonly',
         afterAll: 'readonly',
-        jest: 'readonly',
+        vi: 'readonly',
         // React
         React: 'readonly',
       },
@@ -50,7 +50,7 @@ export default [
       '@typescript-eslint/ban-ts-comment': 'warn',
       'no-undef': 'off', // TypeScript handles this
       'no-empty': 'warn',
-      'no-redeclare': 'off', // Jest globals conflict with built-ins
+      'no-redeclare': 'off', // Vitest globals conflict with built-ins
     },
   },
   {

jest-setup.ts

@@ -31,8 +31,9 @@
   "scripts": {
     "start": "tsdown --watch",
     "build": "tsdown",
-    "test": "jest --passWithNoTests",
-    "test:coverage": "jest --passWithNoTests --coverage",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
     "prettier": "prettier ./ --write",
     "lint": "eslint src --ext .ts,.tsx",
     "prepare": "tsdown",
@@ -42,45 +43,6 @@
     "build-storybook": "build-storybook",
     "release": "np"
   },
-  "jest": {
-    "modulePaths": [
-      "<rootDir>/src/"
-    ],
-    "testMatch": [
-      "**/?(*.)+(spec|test).[jt]s?(x)"
-    ],
-    "coverageDirectory": "./coverage/",
-    "coveragePathIgnorePatterns": [
-      "/node_modules/",
-      "package.json",
-      "/stories/"
-    ],
-    "testEnvironment": "jsdom",
-    "testEnvironmentOptions": {
-      "url": "http://localhost"
-    },
-    "setupFiles": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/jest-setup.ts"
-    ],
-    "transform": {
-      "^.+\\.(ts|tsx)$": "ts-jest",
-      "^.+\\.(js|jsx)$": "babel-jest"
-    },
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"
-    ]
-  },
   "peerDependencies": {
     "react": "^16.8.0-0 || >=17.0.1 || ^18.0.0",
     "react-dom": "^16.8.0-0 || >=17.0.1 || ^18.0.0"
@@ -126,18 +88,17 @@
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/jest": "^27.0.3",
     "@types/react": "^17.0.35",
     "@types/react-dom": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "^8.44.1",
     "@typescript-eslint/parser": "^8.44.1",
-    "babel-jest": "^27.5.1",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "babel-loader": "^8.2.4",
     "css-loader": "^5.0.0",
     "eslint": "^9.36.0",
     "husky": "^7.0.4",
-    "jest": "^30.1.3",
-    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^27.0.0",
     "np": "^7.7.0",
     "postcss": "^8",
     "react": "^17.0.2",
@@ -150,9 +111,9 @@
     "size-limit": "^6.0.4",
     "style-loader": "^2.0.0",
     "tailwindcss": "^2.2.19",
-    "ts-jest": "^29.4.4",
     "tsdown": "^0.15.4",
     "tslib": "^2.3.1",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.4"
   }
 }