feat(web): refactor profile to shadcn Form + Select primitives

- Add shadcn Form helpers (Form, FormField, FormItem, FormLabel, FormControl,
  FormMessage, FormDescription) on top of react-hook-form's Controller
- Add shadcn Select wrapping @radix-ui/react-select with Trigger / Content /
  Item / Value, lucide chevron + check icons
- Profile form now wraps fields in <Form>...<FormField> blocks; gender and
  activityLevel use the new Select with placeholder, the rest use Input;
  validation errors land in <FormMessage> per field automatically

Playwright config:
- webServer is now an array — Playwright boots both api (:4000) and web (:3000)
  before the suite, so server actions that proxy to API_URL work in CI/local
- profile.spec.ts updated for the new flow: post-signup goes through /welcome
  to accept the medical disclaimer, then through Select primitives via
  combobox click + role=option for Sesso and Livello di attività

Verified: pnpm test:e2e — 4/4 specs pass (home + 2 auth + profile).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
lucianoandClaude Opus 4.7 committed 2026-04-29 16:15:21 +02:00
1 parent 4b6c3f6ae9
commit e7158abbad
7 files changed
+410 -137

No files matched your search

+18 -8
View File
@@ -1,7 +1,8 @@
import { defineConfig, devices } from '@playwright/test';
const PORT = 3000;
const baseURL = `http://localhost:${PORT}`;
const WEB_PORT = 3000;
const API_PORT = 4000;
const baseURL = `http://localhost:${WEB_PORT}`;
export default defineConfig({
testDir: './e2e',
@@ -15,10 +16,19 @@ export default defineConfig({
trace: 'on-first-retry',
},
projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
webServer: {
command: 'pnpm dev',
url: baseURL,
reuseExistingServer: !process.env.CI,
timeout: 120_000,
},
webServer: [
{
command: 'pnpm --filter @ketopath/api dev',
url: `http://localhost:${API_PORT}/health`,
reuseExistingServer: !process.env.CI,
timeout: 120_000,
cwd: '../..',
},
{
command: 'pnpm dev',
url: baseURL,
reuseExistingServer: !process.env.CI,
timeout: 120_000,
},
],
});