Add Vitest

.github/workflows/build.yaml

@@ -21,11 +21,14 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Run Vitest Tests
+        run: npm run test:vi
+
       - name: Build
         run: npm run build
 
       - name: Run Cypress Tests
-        run: npm run test
+        run: npm run test:cy
 
       - name: Upload Cypress Screenshots
         if: always() # Run this step even if tests fail
@@ -36,4 +39,3 @@ jobs:
             cypress/screenshots/
           retention-days: 7 # Keep artifacts for 7 days
           if-no-files-found: warn # Warn instead of fail if no screenshots found
-

cypress.config.ts

@@ -1,31 +1,22 @@
-import {defineConfig} from "cypress";
+import { defineConfig } from 'cypress';
 
-import {defineConfig as defineViteConfig} from 'vite';
+import { defineConfig as defineViteConfig } from 'vite';
 
 import react from '@vitejs/plugin-react';
 
 const viteConfig = defineViteConfig({
-  plugins: [
-    react(),
-  ],
+  plugins: [react()],
 });
 export default defineConfig({
   includeShadowDom: true,
   viewportWidth: 1920,
   viewportHeight: 1080,
   component: {
     devServer: {
-      framework: "react",
-      bundler: "vite",
+      framework: 'react',
+      bundler: 'vite',
       viteConfig: viteConfig,
     },
-    specPattern: "**/*.test.{js,ts,jsx,tsx}",
-  },
-
-  e2e: {
-    baseUrl: "http://localhost:5173/",
-    setupNodeEvents() {
-      // implement node event listeners here
-    },
+    specPattern: '**/*.cy.{js,ts,jsx,tsx}',
   },
 });