From 4afc15b82e597c9f3219dd8d9fabbc8a9a0748d7 Mon Sep 17 00:00:00 2001 From: Gabriel Radureau Date: Tue, 5 May 2026 09:04:48 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(frontend):=20apply=20server:?= =?UTF-8?q?false=20+=20route.fulfill=20to=20health=20spec=20(#43)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Gabriel Radureau Co-committed-by: Gabriel Radureau --- frontend/components/HealthDashboard.vue | 6 +++++- frontend/tests/e2e/health.spec.ts | 18 ++++++++++++++++++ ...urfaces-health-endpoint-errors-visibly.png | Bin 0 -> 20619 bytes 3 files changed, 23 insertions(+), 1 deletion(-) create mode 100644 frontend/tests/e2e/screenshots/home-page-surfaces-health-endpoint-errors-visibly.png diff --git a/frontend/components/HealthDashboard.vue b/frontend/components/HealthDashboard.vue index 858b705..9c21892 100644 --- a/frontend/components/HealthDashboard.vue +++ b/frontend/components/HealthDashboard.vue @@ -5,7 +5,11 @@ import HealthDashboardView, { type HealthInfo } from './HealthDashboardView.vue' // Separation of concerns (SRP): // - HealthDashboard (this) = data layer (useFetch lifecycle) // - HealthDashboardView = presentation layer (testable in Storybook + e2e) -const { data, pending, error } = await useFetch('/api/healthz') +// +// server: false → fetch client-side only. Avoids SSR fetching through the dev +// proxy (which can fail in some local setups), and lets Playwright route mocks +// apply. Same fix that landed for AppFooter in PR #40. +const { data, pending, error } = useFetch('/api/healthz', { server: false })