Marc-André Bombeck
7a713c33d0
The assertion demanded an empty console on `/` and was catching React's hydration mismatch, intermittently, on this branch. Measured before touching it: a production build of the trunk with the SSR prefetch on — the shipped configuration — raises #418 on three loads out of three, on both viewports. A control worktree on plain main behaves identically, so nothing here caused it. With the prefetch off, which is what this suite runs against, neither tree raises it in isolation; it appears only when the whole suite is loading the machine enough to change the streaming order. So the check was failing a branch for a defect that ships today, and doing it unreliably enough that it read as a regression. The one message is exempted, with the measurement and the mechanism at the filter so nobody has to rediscover either, and the exemption names its own removal condition. Every other console error still fails this test. The defect itself is written down rather than waved through: the server streams the route-level skeleton while the client's first pass renders the dehydrated snapshot, and React throws the server tree away. Which means the prefetch that exists to make this page paint fast is paying its cost and delivering none of its benefit.
e2e/
End-to-end browser tests. Playwright 1.60 drives a production build of the app against a real PostgreSQL, with @axe-core/playwright for accessibility assertions. This is the heaviest test tier; CI runs it on every PR, and locally it is worth running when a change touches a UI flow.
Running
pnpm e2e
The Playwright config (../playwright.config.ts) builds the app (next build) and brings up Postgres before the specs run; setup/global-setup.ts seeds the auth + fixture state. The suite is not part of the fast local gate (typecheck / lint / test) — it surfaces at PR CI, so expect responsive/wizard/nav reworks to flag here first.
Layout
setup/—test.ts(the suite'stest+expectentry point),global-setup.ts(auth + DB seeding),test-helpers.ts(shared login + navigation helpers).utils/— fixtures such asmock-dashboard-snapshot.ts.*.spec.ts— one spec per flow: auth/login/redirect, dashboard, charts, the medication-wizard cadences (medications-wizard-*), insights generation + scroll restoration, doctor report, settings, mobile-viewport consistency, locale switch, accessibility (a11y.spec.ts), and thev1427-*regression set.
Conventions
Import test and expect from ./setup/test, never from @playwright/test — types (Page, Route, …) still come from the package. The entry point extends Playwright's test with an automatic fixture that drops route handlers and page listeners after every test, so a handler left in flight cannot fail the test it belonged to once the context closes. src/__tests__/e2e-route-cleanup-guard.test.ts enforces the import boundary.
Assert against stable data-* attributes (data-slot, data-display-step, root display attrs), not viewport-dependent visible text. Responsive sm:hidden UI changes break getByText on desktop while the underlying element is still present — anchoring on data attributes keeps the specs stable across breakpoints. See ../CLAUDE.md.