test: playwright instead of cucumber

Author: guenhter

.github/workflows/test.yml

@@ -21,7 +21,7 @@ jobs:
         working-directory: backend
         run: uv run pytest
 
-  frontend-vitest:
+  frontend-unit:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -34,11 +34,11 @@ jobs:
       - name: Install dependencies
         working-directory: frontend_omni
         run: pnpm install
-      - name: Run vitest tests
+      - name: Run unit tests
         working-directory: frontend_omni
-        run: pnpm test
+        run: pnpm test:unit
 
-  frontend-cucumber:
+  frontend-e2e:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -54,6 +54,6 @@ jobs:
       - name: Install Playwright browsers
         working-directory: frontend_omni
         run: pnpm playwright install --with-deps
-      - name: Run cucumber tests
+      - name: Run Playwright tests
         working-directory: frontend_omni
-        run: pnpm test:cucumber
+        run: pnpm test:e2e

AGENTS.md

@@ -125,7 +125,8 @@ uv run pytest tests/test_*.py   # Run specific test file
 
 ```bash
 cd frontend_omni
-pnpm test                       # Run tests
+pnpm test:unit                  # Run unit tests (vitest)
+pnpm test:e2e                   # Run e2e tests (Playwright)
 pnpm build                      # Build for production
 pnpm lint                       # Run linter
 ```

frontend_omni/.gitignore

@@ -7,10 +7,12 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-node_modules
-dist
+node_modules/
+dist/
 dist-ssr
 *.local
+playwright-report/
+test-results/
 
 # Editor directories and files
 .vscode/*

frontend_omni/README.md

@@ -16,14 +16,3 @@ The frontend is now available under http://localhost:5173
 **React Compionents**: PascalCase
 **React Services/Hooks**: camalCase
 **Folders**: kebab-case
-
-## Testiong
-
-### VS Code Cucumber Extension
-
-In order to make the cucumber extension find cucumber tests, the paths must be adapted for
-
-- `cucumber.features` and
-- `cucumber.glue`.
-
-The `frontend_onmi` must be prepended to all the paths.

frontend_omni/cucumber.cjs

@@ -9,9 +9,11 @@
     "check": "biome check",
     "check:write": "biome check --write",
     "preview": "vite preview",
-    "test": "vitest run",
-    "test:cucumber": "cucumber-js",
-    "test:cucumber:headed": "HEADED=true cucumber-js"
+    "test": "pnpm test:unit && pnpm test:e2e",
+    "test:unit": "vitest run",
+    "test:e2e": "playwright test",
+    "test:e2e:headed": "playwright test --headed",
+    "test:e2e:ui": "playwright test --ui"
   },
   "dependencies": {
     "@ai-sdk/openai": "^2.0.52",
@@ -62,7 +64,6 @@
   },
   "devDependencies": {
     "@biomejs/biome": "2.2.6",
-    "@cucumber/cucumber": "^12.2.0",
     "@playwright/test": "^1.56.1",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
@@ -87,4 +88,4 @@
       "vite": "npm:rolldown-vite@7.1.14"
     }
   }
-}
+}

frontend_omni/package.json

@@ -2,11 +2,15 @@ import { defineConfig, devices } from "@playwright/test";
 
 export default defineConfig({
     testDir: "./tests",
+    testMatch: "**/*.spec.ts",
     fullyParallel: true,
     forbidOnly: !!process.env.CI,
     retries: process.env.CI ? 2 : 0,
     workers: process.env.CI ? 1 : undefined,
-    reporter: "html",
+    reporter: [
+        ["html", { open: "never" }], // Generate HTML report but don't auto-open
+        ["list"] // Also show results in terminal
+    ],
     use: {
         baseURL: "http://localhost:4173",
         trace: "on-first-retry",
@@ -20,13 +24,14 @@ export default defineConfig({
             name: "firefox",
             use: { ...devices["Desktop Firefox"] },
         },
-        {
-            name: "webkit",
-            use: { ...devices["Desktop Safari"] },
-        },
+        // Support this later at some point
+        // {
+        //     name: "webkit",
+        //     use: { ...devices["Desktop Safari"] },
+        // },
     ],
     webServer: {
-        command: "pnpm preview",
+        command: "pnpm build && pnpm preview",
         url: "http://localhost:4173",
         reuseExistingServer: !process.env.CI,
     },