chore: replaced jest with vitest

Author: kunstmusik

.eslintrc

@@ -20,7 +20,6 @@
     },
     "extends": [
       "eslint:recommended",
-      "plugin:jest-formatting/recommended",
       "plugin:@typescript-eslint/eslint-recommended",
       "plugin:@typescript-eslint/recommended",
       "plugin:react/recommended",
@@ -30,7 +29,6 @@
       //"plugin:prettier/recommended" // Make this the last element so prettier config overrides other formatting rules
     ],
     "plugins": [
-      "jest-formatting",
       "simple-import-sort",
       "import",
       "react-hooks",

jest-setup.ts

@@ -11,9 +11,7 @@
     "lint:fix": "eslint --fix .",
     "lint:check": "eslint .",
     "preview": "vite preview",
-    "test": "NODE_ENV=test jest --runInBand",
-    "test:updateSnapshot": "NODE_ENV=test jest --updateSnapshot",
-    "test:coverage": "NODE_ENV=test jest --coverage",
+    "test": "NODE_ENV=test vitest run",
     "prepare": "husky || true",
     "pre-commit": "lint-staged",
     "vis": "yarn vite-bundle-visualizer",
@@ -61,9 +59,6 @@
     "@commitlint/config-conventional": "^17.6.7",
     "@sentry/vite-plugin": "^0.7.2",
     "@tailwindcss/typography": "^0.5.15",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
     "@types/eslint": "^8.4.10",
     "@types/file-saver": "^2.0.7",
     "@types/jest": "^29.5.10",
@@ -77,12 +72,10 @@
     "@vitejs/plugin-react": "^4.2.1",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "autoprefixer": "^10.4.17",
-    "babel-jest": "^29.7.0",
     "core-js": "^3.36.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest-formatting": "^3.1.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-jsx-no-inline-style": "^0.0.5",
     "eslint-plugin-prettier": "^4.2.1",
@@ -92,10 +85,6 @@
     "eslint-plugin-simple-import-sort": "^8.0.0",
     "eslint-plugin-tailwindcss": "^3.14.2",
     "husky": "^9.0.11",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-location-mock": "^2.0.0",
-    "jest-transform-stub": "^2.0.0",
     "lint-staged": "^15.2.2",
     "lodash": "^4.17.21",
     "nyc": "^15.1.0",
@@ -108,13 +97,13 @@
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7",
-    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
     "typescript": "^5.6.3",
     "vite": "^5.1.0",
     "vite-bundle-visualizer": "^1.0.1",
     "vite-plugin-node-polyfills": "^0.21.0",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^3.0.8"
   },
   "lint-staged": {
     "{lib,packages}/**/src/**/*.{ts,tsx}": [

package.json

@@ -1,3 +1,4 @@
+/// <reference types="vitest/config" />
 import { sentryVitePlugin } from '@sentry/vite-plugin';
 import react from '@vitejs/plugin-react';
 import path from 'path';

tests/App.test.tsx

@@ -0,0 +1,56 @@
+/// <reference types="vitest/config" />
+import { sentryVitePlugin } from '@sentry/vite-plugin';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { defineConfig } from 'vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import svgr from 'vite-plugin-svgr';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  esbuild: false,
+  build: {
+    sourcemap: true,
+    minify: true,
+    cssMinify: true,
+  },
+  plugins: [
+    svgr(),
+    react(),
+    nodePolyfills(),
+    ...(process.env.VITE_NODE_ENV
+      ? [
+          sentryVitePlugin({
+            org: process.env.VITE_SENTRY_ORG,
+            project: process.env.VITE_SENTRY_PROJECT,
+            ignore: ['node_modules', 'vite.config.ts'],
+            authToken: process.env.VITE_SENTRY_AUTH_TOKEN,
+            sourcemaps: {
+              assets: './dist/**',
+            },
+            release: process.env.VITE_SENTRY_RELEASE,
+            deploy: {
+              env: process.env.VITE_NODE_ENV,
+            },
+          }),
+        ]
+      : []),
+  ],
+  base: '',
+  test: {
+    globals: true,
+  },
+  define: {
+    "__NPM_PACKAGE_VERSION__": JSON.stringify(process.env.npm_package_version),
+    'process.env': {
+      // DO NOT EXPOSE THE ENTIRE process.env HERE - sensitive information on CI/CD could be exposed.
+      // defining here as an empty object as there are errors otherwise
+    },
+  },
+  resolve: {
+    alias: {
+      '@tests': path.resolve(__dirname) + '/tests',
+      '@src': path.resolve(__dirname) + '/src',
+    },
+  },
+});