Use the shareable Vitest config

Author: aryaemami59

examples/query/react/infinite-queries/package.json

@@ -8,15 +8,15 @@
     "start": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "test": "vitest run",
+    "test": "vitest --config=$INIT_CWD/vitest.config.mts",
     "format-check": "yarn run -T format-check",
     "format": "yarn run -T format",
     "lint-fix": "yarn run -T lint-fix",
     "lint": "yarn run -T lint",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@reduxjs/toolkit": "https://pkg.csb.dev/reduxjs/redux-toolkit/commit/2aca4f24/@reduxjs/toolkit/_pkg.tgz",
+    "@reduxjs/toolkit": "workspace:^",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.13.1",
@@ -28,6 +28,7 @@
     "@reduxjs/eslint-config": "workspace:^",
     "@reduxjs/prettier-config": "workspace:^",
     "@reduxjs/tsconfig": "workspace:^",
+    "@reduxjs/vitest-config": "workspace:^",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
@@ -42,8 +43,8 @@
     "msw": "^2.6.6",
     "prettier": "^3.5.3",
     "typescript": "^5.3.3",
-    "vite": "^5.0.0",
-    "vitest": "^1.2.0"
+    "vite": "^6.2.0",
+    "vitest": "^3.0.7"
   },
   "msw": {
     "workerDirectory": [

examples/query/react/infinite-queries/tsconfig.node.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "composite": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vitest.config.mts"]
 }

examples/query/react/infinite-queries/vite.config.ts

@@ -0,0 +1,17 @@
+import { createVitestConfig } from '@reduxjs/vitest-config'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+const vitestConfig = createVitestConfig({
+  plugins: [react()] as ReturnType<typeof createVitestConfig>['plugins'],
+  server: {
+    open: true,
+  },
+  test: {
+    environment: 'jsdom',
+    setupFiles: ['./src/setupTests.ts'],
+    clearMocks: true,
+  },
+})
+
+export default vitestConfig

examples/query/react/infinite-queries/vitest.config.mts

@@ -47,11 +47,12 @@
     "serve": "^14.2.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.4",
-    "typescript-eslint": "^8.26.0"
+    "typescript-eslint": "^8.26.0",
+    "vitest": "^3.0.7"
   },
   "scripts": {
     "build": "yarn build:packages",
-    "test": "yarn test:packages",
+    "test": "vitest --config=$INIT_CWD/vitest.config.mts",
     "format-check": "prettier --ignore-path=$PROJECT_CWD/.prettierignore --config=$PROJECT_CWD/prettier.config.mjs --check $INIT_CWD",
     "format": "prettier --ignore-path=$PROJECT_CWD/.prettierignore --config=$PROJECT_CWD/prettier.config.mjs --write $INIT_CWD",
     "lint-fix": "eslint --config=$PROJECT_CWD/eslint.config.mts --no-error-on-unmatched-pattern --fix $INIT_CWD",

package.json

@@ -6,9 +6,9 @@
     "format": "yarn run -T format",
     "lint-fix": "yarn run -T lint-fix",
     "lint": "yarn run -T lint",
-    "test": "vitest --run",
-    "test:watch": "vitest --watch",
-    "test:coverage": "vitest --coverage"
+    "test": "yarn run -T test",
+    "test:watch": "yarn run -T test --watch",
+    "test:coverage": "yarn run -T test --coverage"
   },
   "bin": "./bin/cli.mjs",
   "files": [
@@ -36,11 +36,12 @@
     "@reduxjs/prettier-config": "workspace:^",
     "@reduxjs/toolkit": "workspace:^",
     "@reduxjs/tsconfig": "workspace:^",
+    "@reduxjs/vitest-config": "workspace:^",
     "@types/jscodeshift": "^0.11.11",
     "eslint": "^9.21.0",
     "jiti": "^2.4.2",
     "prettier": "^3.5.3",
-    "vitest": "^1.6.0"
+    "vitest": "^3.0.7"
   },
   "engines": {
     "node": ">= 16"

packages/rtk-codemods/package.json

@@ -1,7 +1,11 @@
-import { defineConfig } from 'vitest/config'
+import { createVitestConfig } from '@reduxjs/vitest-config'
+import * as path from 'node:path'
 
-export default defineConfig({
+const vitestConfig = createVitestConfig({
   test: {
-    globals: true
-  }
+    dir: path.join(import.meta.dirname, 'transforms'),
+    root: import.meta.dirname,
+  },
 })
+
+export default vitestConfig

packages/rtk-codemods/vitest.config.mts

@@ -37,10 +37,10 @@
     "prepack": "yarn build && chmod +x lib/bin/cli.mjs",
     "format-check": "yarn run -T format-check",
     "format": "yarn run -T format",
-    "test:update": "vitest --run --update",
+    "test:update": "yarn run -T test --update",
     "test:update:enum": "lib/bin/cli.mjs test/config.example.enum.ts",
-    "test": "vitest --run --typecheck",
-    "test:watch": "vitest --watch",
+    "test": "yarn run -T test",
+    "test:watch": "yarn run -T test --watch",
     "cli": "esr src/bin/cli.ts"
   },
   "files": [
@@ -55,6 +55,7 @@
     "@reduxjs/prettier-config": "workspace:^",
     "@reduxjs/toolkit": "^1.6.0",
     "@reduxjs/tsconfig": "workspace:^",
+    "@reduxjs/vitest-config": "workspace:^",
     "@types/commander": "^2.12.2",
     "@types/glob-to-regexp": "^0.4.0",
     "@types/lodash.camelcase": "^4.3.9",
@@ -72,8 +73,7 @@
     "rimraf": "^5.0.5",
     "ts-node": "^10.9.2",
     "tsup": "^8.2.4",
-    "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.0.5",
+    "vitest": "^3.0.7",
     "yalc": "^1.0.0-pre.47"
   },
   "dependencies": {