Use the shareable Vitest config

Author: aryaemami59

examples/query/react/basic/package.json

@@ -15,7 +15,7 @@
   "devDependencies": {
     "@reduxjs/tsconfig": "workspace:^",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.1.0",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^26.0.23",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",

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

@@ -8,15 +8,15 @@
     "start": "vite",
     "build": "tsc -b && vite build",
     "preview": "vite preview",
-    "test": "vitest run",
+    "test": "yarn run -T test",
     "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 -b --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,22 +28,24 @@
     "@reduxjs/eslint-config": "workspace:^",
     "@reduxjs/prettier-config": "workspace:^",
     "@reduxjs/tsconfig": "workspace:^",
-    "@testing-library/dom": "^9.3.4",
-    "@testing-library/jest-dom": "^6.2.0",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.2",
+    "@reduxjs/vitest-config": "workspace:^",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.15.15",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.2",
     "@types/react-native-web": "^0.19",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^9.26.0",
     "jiti": "^2.4.2",
-    "jsdom": "^23.2.0",
+    "jsdom": "^26.1.0",
     "msw": "^2.6.6",
     "prettier": "^3.5.3",
     "typescript": "^5.8.2",
-    "vite": "^5.0.0",
-    "vitest": "^1.2.0"
+    "vite": "^6.3.5",
+    "vitest": "^3.1.3"
   },
   "msw": {
     "workerDirectory": [

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

@@ -17,5 +17,5 @@
     "noUnusedParameters": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["vite.config.ts", "eslint.config.js"]
+  "include": ["vitest.config.mts", "eslint.config.js"]
 }

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

@@ -0,0 +1,31 @@
+import type { UserWorkspaceConfig } from '@reduxjs/vitest-config'
+import { createVitestProject } from '@reduxjs/vitest-config'
+import react from '@vitejs/plugin-react'
+import * as path from 'node:path'
+import packageJson from './package.json' with { type: 'json' }
+
+// https://vitejs.dev/config/
+const vitestConfig = createVitestProject({
+  plugins: [react()] as UserWorkspaceConfig['plugins'],
+  server: {
+    open: true,
+  },
+
+  root: import.meta.dirname,
+
+  test: {
+    dir: import.meta.dirname,
+    name: packageJson.name,
+    root: import.meta.dirname,
+
+    typecheck: {
+      tsconfig: path.join(import.meta.dirname, 'tsconfig.app.json'),
+    },
+
+    environment: 'jsdom',
+    setupFiles: ['./src/setupTests.ts'],
+    clearMocks: true,
+  },
+})
+
+export default vitestConfig

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

@@ -17,8 +17,8 @@
   "devDependencies": {
     "@reduxjs/tsconfig": "workspace:^",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^5.11.5",
-    "@testing-library/react": "^16.1.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^26.0.23",
     "@types/node": "^14.14.6",
     "@types/react": "^19.0.1",

examples/query/react/kitchen-sink/package.json

@@ -47,11 +47,12 @@
     "serve": "^14.2.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.2",
-    "typescript-eslint": "^8.32.0"
+    "typescript-eslint": "^8.32.0",
+    "vitest": "^3.1.3"
   },
   "scripts": {
     "build": "yarn build:packages",
-    "test": "yarn test:packages",
+    "test": "vitest --config=$INIT_CWD/vitest.config.mts --root=$INIT_CWD",
     "format-check": "prettier --ignore-path=$PROJECT_CWD/.prettierignore --ignore-path=$PROJECT_CWD/.gitignore --config=$PROJECT_CWD/prettier.config.mjs --check $INIT_CWD",
     "format": "prettier --ignore-path=$PROJECT_CWD/.prettierignore --ignore-path=$PROJECT_CWD/.gitignore --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.26.0",
     "jiti": "^2.4.2",
     "prettier": "^3.5.3",
-    "vitest": "^1.6.0"
+    "vitest": "^3.1.3"
   },
   "engines": {
     "node": ">= 16"

packages/rtk-codemods/package.json

@@ -1,7 +1,15 @@
-import { defineConfig } from 'vitest/config'
+import { createVitestProject } from '@reduxjs/vitest-config'
+import * as path from 'node:path'
+import packageJson from './package.json' with { type: 'json' }
+
+const vitestConfig = createVitestProject({
+  root: import.meta.dirname,
 
-export default defineConfig({
   test: {
-    globals: true
-  }
+    dir: path.join(import.meta.dirname, 'transforms'),
+    name: packageJson.name,
+    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,14 +55,15 @@
     "@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",
     "@types/node": "^20.11.10",
     "@types/semver": "^7.3.9",
     "chalk": "^4.1.0",
     "del": "^6.0.0",
-    "esbuild": "^0.25.1",
+    "esbuild": "^0.25.3",
     "esbuild-runner": "^2.2.1",
     "husky": "^4.3.6",
     "msw": "^2.1.5",
@@ -72,8 +73,7 @@
     "rimraf": "^5.0.5",
     "ts-node": "^10.9.2",
     "tsup": "^8.4.0",
-    "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.0.5",
+    "vitest": "^3.1.3",
     "yalc": "^1.0.0-pre.47"
   },
   "dependencies": {