Replace Jest config with Vitest config

Author: markerikson

.github/workflows/tests.yml

@@ -82,7 +82,7 @@ jobs:
       - name: Install build artifact
         run: yarn workspace @reduxjs/toolkit add $(pwd)/package.tgz
 
-      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./jest.config.js ./src/tests/*.* ./src/query/tests/*.*
+      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./vitest.config.ts ./src/tests/*.* ./src/query/tests/*.*
 
       - name: Run tests, against dist
         run: yarn test
@@ -121,7 +121,7 @@ jobs:
       - name: Install build artifact
         run: yarn add ./package.tgz
 
-      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./jest.config.js ./src/tests/*.* ./src/query/tests/*.*
+      - run: sed -i -e /@remap-prod-remove-line/d ./tsconfig.base.json ./vitest.config.ts ./src/tests/*.* ./src/query/tests/*.*
 
       - name: Test types
         run: |

packages/toolkit/jest.config.js

@@ -30,6 +30,7 @@
     "allowSyntheticDefaultImports": true,
     "emitDeclarationOnly": true,
     "baseUrl": ".",
+    "types": ["vitest/globals"],
     "paths": {
       "@reduxjs/toolkit": ["src/index.ts"], // @remap-prod-remove-line
       "@reduxjs/toolkit/query": ["src/query/index.ts"], // @remap-prod-remove-line

packages/toolkit/tsconfig.base.json

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./vitest.setup.js'],
+    include: ['./src/**/*.(spec|test).[jt]s?(x)'],
+    alias: {
+      '@reduxjs/toolkit/query/react': './src/query/react/index.ts', // @remap-prod-remove-line
+      '@reduxjs/toolkit/query': './src/query/index.ts', // @remap-prod-remove-line
+      '@reduxjs/toolkit': './src/index.ts', // @remap-prod-remove-line
+
+      // this mapping is disabled as we want `dist` imports in the tests only to be used for "type-only" imports which don't play a role for jest
+      //'^@reduxjs/toolkit/dist/(.*)$': '<rootDir>/src/*',
+      '@internal/': './src/',
+    },
+    deps: {
+      interopDefault: true,
+    },
+  },
+})

packages/toolkit/vitest.config.ts

@@ -1,10 +1,11 @@
 //@ts-ignore
-const nodeFetch = require('node-fetch')
+import nodeFetch from 'node-fetch'
 //@ts-ignore
-global.fetch = nodeFetch
+globalThis.fetch = nodeFetch
 //@ts-ignore
-global.Request = nodeFetch.Request
-const { server } = require('./src/query/tests/mocks/server')
+globalThis.Request = nodeFetch.Request
+globalThis.Headers = nodeFetch.Headers
+import { server } from './src/query/tests/mocks/server'
 
 beforeAll(() => server.listen({ onUnhandledRequest: 'error' }))
 afterEach(() => server.resetHandlers())