Run 25497245250 / job 74820324136 (commit f3e541d) failed with:
Page.fill: Timeout 60000ms exceeded.
Call log:
- waiting for locator("#new-password")
This was AFTER `page.locator("#new-password").wait_for(state="visible")`
returned successfully. So the element WAS visible at that moment,
then disappeared from the DOM 60s before page.fill could grab it.
Root cause: on macos-14 free runners under --single-process
Chromium, the change-password page's bootstrap-state poll
(/api/auth/status) and React router both finish AFTER wait_for()
returns. If they decide the user is "already authenticated" or
"no longer must change password", the route rerenders and the
#new-password input is unmounted. Page.fill then waits the full
60s for an element that's gone.
Two changes (both playwright_chat_ui.py and playwright_extra_ui.py):
1. Add `page.wait_for_load_state("networkidle", timeout=30_000)`
AFTER page.goto, BEFORE wait_for(). This lets the bootstrap
dispatch settle so the route is committed before we touch the
form. Wrapped in try/except so a slow `networkidle` (e.g. SSE
keepalives) doesn't block forever -- best-effort.
2. Drop the `shoot("01-change-password-initial")` call between
wait_for() and fill(). The screenshot's font-load wait is
another window for the React form to detach. The
`02-change-password-filled` shoot AFTER the fill is sufficient
for diagnostics. Use locator API + explicit per-call timeouts.