Puppeteer wait page load after form submit

Question

I submit a form using the following code and i want Puppeteer to wait page load after form submit.

await page.click("button[type=submit]");  //how to wait until the new page loads before taking screenshot? // i don't want this: // await page.waitFor(1*1000);  //← unwanted workaround await page.screenshot({path: 'example.png'}); 

How to wait for page load with puppeteer?

Answer 1

You can wait for navigation asynchronously to avoid getting null on redirection,

await Promise.all([     page.click('button[type=submit]'),     page.waitForNavigation({waitUntil: 'networkidle2'}) ]); 

This will help you if the page.click already triggers a navigation.

Answer 2

await page.waitForNavigation();