refactor(frontend): migrate unit tests to use vitest browser

frontend/.gitignore

@@ -18,6 +18,10 @@ dist-ssr
 /blob-report/
 /playwright/.cache/
 
+# Vitest browser mode artifacts
+.vitest-attachments/
+**/__screenshots__/
+
 # Storybook
 *storybook.log
 storybook-static

frontend/.prettierignore

@@ -2,5 +2,6 @@ src/api/**/*.pb.ts
 src/api/resources.ts
 src/schemas/*.schema.json
 .storybook/public/mockServiceWorker.js
+public/mockServiceWorker.js
 typed-router.d.ts
 eslint-suppressions.json

frontend/eslint.config.ts

@@ -41,7 +41,7 @@ export default defineConfigWithVueTs(
     },
   },
   // By default, ESLint ignores all dot-files
-  { ignores: ['!.storybook', '.storybook/public/mockServiceWorker.js'] },
+  { ignores: ['!.storybook', '**/mockServiceWorker.js'] },
   ...storybook.configs['flat/recommended'],
   ...storybook.configs['flat/csf-strict'],
 

frontend/msw/server.ts

@@ -3,27 +3,27 @@
 // Use of this software is governed by the Business Source License
 // included in the LICENSE file.
 import { http, HttpResponse } from 'msw'
-import { setupServer } from 'msw/node'
+import { setupWorker } from 'msw/browser'
 
 import type { Resource } from '@/api/grpc'
 import type { GetRequest, GetResponse } from '@/api/omni/resources/resources.pb'
 
 import { createWatchStreamHandler, type WatchStreamHandlerOptions } from './helpers'
 
-export const server = setupServer()
+export const worker = setupWorker()
 
 export function createWatchStreamMock<T = unknown, S = unknown>(
   options?: WatchStreamHandlerOptions<T, S>,
 ) {
   const { handler, pushEvents, closeStream } = createWatchStreamHandler(options)
 
-  server.use(handler)
+  worker.use(handler)
 
   return { pushEvents, closeStream }
 }
 
 export function createGetMock() {
-  server.use(
+  worker.use(
     http.post<never, GetRequest, GetResponse>('/omni.resources.ResourceService/Get', () => {
       return HttpResponse.json(
         { body: JSON.stringify({ spec: {}, metadata: {} } satisfies Resource) },