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

View file

@ -170,6 +170,13 @@ async function handleOpenLink() {
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;
}
textarea,
input {
font-family: inherit;
@ -204,4 +211,10 @@ async function handleOpenLink() {
font-style: normal;
}
}
/* Server time fills remaining width for consistent E2E screenshot masking */
:deep(#server-time) {
flex: 1;
min-width: 0;
}
</style>