fix(e2e): make server-time element fill width for consistent mask (#283)

* fix(e2e): make server-time element fill width for consistent mask

- Add flex layout to .action p to make server-time stretch
- Add #server-time flex: 1 rule across all basic-server variants
- Update golden screenshots with full-width masked time field

This ensures the Playwright mask covers a consistent width regardless
of the timestamp content, fixing screenshot comparison flakiness.

* fix(e2e): wait for select to be enabled in screenshot generator

Match the logic in servers.spec.ts - wait for select to be enabled
(servers connected) instead of just visible.

* chore: trigger CI re-run
This commit is contained in:
Olivier Chafik 2026-01-19 17:01:55 +00:00 • committed by GitHub
commit fcd243a6f3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 95 additions and 7 deletions

View file

@ -10,3 +10,9 @@ html, body {
code {
font-size: 1em;
}
/* Server time fills remaining width for consistent E2E screenshot masking */
#server-time {
flex: 1;
min-width: 0;
}

View file

@ -28,6 +28,13 @@
margin-top: 0.5rem;
}
/* Server time row: flex layout for consistent mask width in E2E tests */
> p {
display: flex;
align-items: baseline;
gap: 0.25em;
}
/* Consistent font for form inputs (inherits from global.css) */
textarea,
input {