set up vitest

.github/workflows/ci.yml

@@ -33,6 +33,9 @@ jobs:
         env:
           CI: true
 
+      - name: Test 🧪
+        run: yarn test
+
       - name: Build 🛠
         run: |
           yarn build

package.json

@@ -26,10 +26,12 @@
     "eslint": "^8.56.0",
     "eslint-config-kyle": "^17.0.2",
     "typescript": "^5.1.6",
-    "vite": "^4.4.8"
+    "vite": "^4.4.8",
+    "vitest": "^0.34.6"
   },
   "scripts": {
     "lint": "eslint --ext .ts,.tsx,.js --ignore-path .gitignore . && tsc",
+    "test": "vitest",
     "start": "vite",
     "build": "vite build"
   },

tsconfig.json

@@ -14,7 +14,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "types": ["vite/client"],
+    "types": ["vite/client", "vitest/globals"],
     "downlevelIteration": true,
     "jsx": "react-jsx"
   },

vite.config.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
 /* eslint-enable import/no-extraneous-dependencies */
 
@@ -13,4 +13,7 @@ export default defineConfig({
   build: {
     outDir: './build',
   },
+  test: {
+    globals: true,
+  },
 });