Jennie Robinson Faber
4a5b129eeb
Vue hydration silently drops class attribute updates when SSR and client render different branches of a v-if chain — per the project's Auth SSR Pattern, useAuth is client-only and server always renders unauthenticated, so PageHeader (v-else branch) was rendering inside a leftover .loading / .loading-state div from the v-else-if branch. On mobile that div was being masked by the visual-test commonMasks (.loading-state), producing a large fuchsia block in the snapshot. Wrapping the v-if/v-else-if/v-else chain in <ClientOnly> ensures the server renders nothing for the auth-gated content and the client performs a clean first render, matching the pattern already used in dashboard.vue. Also update admin-dashboard-desktop for minor anti-aliasing drift. |
||
|---|---|---|
| .. | ||
| __screenshots__/visual/pages.spec.js-snapshots | ||
| helpers | ||
| visual | ||
| a11y.spec.js | ||
| admin-events.spec.js | ||
| admin-members.spec.js | ||
| auth.spec.js | ||
| coming-soon.spec.js | ||
| events.spec.js | ||
| join-flow.spec.js | ||
| member-dashboard.spec.js | ||
| member-profile.spec.js | ||