refactor(vitest): convert to multi-project workspace with dynamic path resolution

Author: senutpal

package.json

@@ -11,7 +11,7 @@
         "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
         "format": "prettier .  --write",
         "postinstall": "husky install",
-        "test": "vitest"
+        "test": "vitest --workspace vitest.workspace.ts --run --silent"
     },
     "dependencies": {
         "@fortawesome/fontawesome-free": "^6.5.1",
@@ -76,4 +76,4 @@
     "optionalDependencies": {
         "esbuild-linux-64": "^0.15.18"
     }
-}
+}

vite.config.ts

@@ -32,13 +32,17 @@ export default defineConfig(() => {
         ],
         resolve: {
             alias: {
-                '#': fileURLToPath(new URL(`./${version}/src`, import.meta.url)),
+                '#': fileURLToPath(
+                    new URL(`./${version}/src`, import.meta.url)
+                ),
                 '@': fileURLToPath(
                     new URL(`./${version}/src/components`, import.meta.url)
                 ),
             },
         },
-        base: process.env.VITE_BASE || (isDesktop ? '/' : `/simulatorvue/${version}/`),
+        base:
+            process.env.VITE_BASE ||
+            (isDesktop ? '/' : `/simulatorvue/${version}/`),
         build: {
             outDir: `./dist/simulatorvue/${version}/`,
             assetsDir: 'assets',
@@ -56,21 +60,24 @@ export default defineConfig(() => {
                 },
             },
         },
-        test: {
-            globals: true,
-            environment: 'jsdom',
-            server: {
-                deps: {
-                    inline: ['vuetify'],
-                },
-            },
-            setupFiles: './src/simulator/spec/vitestSetup.ts',
-        },
+        // Test configuration is handled by vitest.workspace.ts
+        // Removed to avoid conflicts with workspace projects
+        // test: {
+        //     globals: true,
+        //     environment: 'jsdom',
+        //     server: {
+        //         deps: {
+        //             inline: ['vuetify'],
+        //         },
+        //     },
+        //     setupFiles: `./${version}/src/simulator/spec/vitestSetup.ts`,
+        // },
+
         server: {
             port: 4000,
         },
         preview: {
             port: 4173,
         },
     }
-})
+})

vitest.workspace.ts

@@ -0,0 +1,73 @@
+import { defineWorkspace } from 'vitest/config'
+import { dirname, join } from 'path'
+import { fileURLToPath } from 'url'
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+export default defineWorkspace([
+    {
+        extends: './vite.config.ts',
+        test: {
+            name: 'src',
+            environment: 'jsdom',
+            globals: true,
+            include: ['src/**/*.{spec,test}.{js,ts}'],
+            exclude: ['v0/**/*', 'v1/**/*'],
+            setupFiles: ['./src/simulator/spec/vitestSetup.ts'],
+            server: {
+                deps: {
+                    inline: ['vuetify'],
+                },
+            },
+        },
+        resolve: {
+            alias: {
+                '#': join(__dirname, 'src'),
+                '@': join(__dirname, 'src/components'),
+            },
+        },
+    },
+    {
+        extends: './vite.config.ts',
+        test: {
+            name: 'v0',
+            environment: 'jsdom',
+            globals: true,
+            include: ['v0/src/**/*.{spec,test}.{js,ts}'],
+            exclude: ['v1/**/*', 'src/**/*'],
+            setupFiles: ['./v0/src/simulator/spec/vitestSetup.ts'],
+            server: {
+                deps: {
+                    inline: ['vuetify'],
+                },
+            },
+        },
+        resolve: {
+            alias: {
+                '#': join(__dirname, 'v0/src'),
+                '@': join(__dirname, 'v0/src/components'),
+            },
+        },
+    },
+    {
+        extends: './vite.config.ts',
+        test: {
+            name: 'v1',
+            environment: 'jsdom',
+            globals: true,
+            include: ['v1/src/**/*.{spec,test}.{js,ts}'],
+            exclude: ['v0/**/*', 'src/**/*'],
+            setupFiles: ['./v1/src/simulator/spec/vitestSetup.ts'],
+            server: {
+                deps: {
+                    inline: ['vuetify'],
+                },
+            },
+        },
+        resolve: {
+            alias: {
+                '#': join(__dirname, 'v1/src'),
+                '@': join(__dirname, 'v1/src/components'),
+            },
+        },
+    },
+])