waitForLoadState waitUntil domcontentloaded doesn't wait

Sorry if I am misusing the method.

await page.waitForLoadState({ waitUntil: "domcontentloaded" });
let elementHandle = await page.$('input[name="username"]');
await elementHandle.type(USER_DETAILS.username); <- crashes as elementHandle is null

but

await page.waitFor('input[name="username"]');
let elementHandle = await page.$('input[name="username"]');
await elementHandle.type(USER_DETAILS.username); <- works fine

Thanks a lot!

[Pomax]

is there a link to that stretch feature? Because I’m running into the lack of “wait for DOM to be stable” and it makes running visual diffing considerably harder than it needs to be because neither networkidle nor domcontentready are useful for modern sites that use React or Vue or the like. For those, the networkidle/domcontentready events in fact signal the start of the DOM mutation process, rather than any “this page is now stable” event, in effect being the exact opposite of a useful signal =)

[guzzur]

But even i await page.goto(...), I am getting these still-loading screenshots. Doesn’t that mean the domcontentloaded haven’t fired yet?

How can I ensure that the page is fully loaded before I continue?