puppeteer - waitForNavigation 挂起，即使页面已加载

Question

我正在尝试使用 puppeteer 自动登录网站，脚本如下:

const puppeteer = require('puppeteer');
async function logIn(userName, password) {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://foo.com'); //anonymized host
    await page.type('[name="Email"]', userName);
    await page.type('[name="Pass"]', password);
    page.click('[type=submit]');
    await page.waitForNavigation({waitUntil: 'load'});
}

logIn('user@domain.com')

waitForNavigation 的 await 最终在 30 秒时超时。在同一脚本上使用 {headless: false} 启动 puppeteer，我可以在 chromium 的开发工具中检查 document.readyState 在超时阈值间隔之前评估为“完成”。我做错了什么吗？

Answer 1

According to Puppeteer documentation单击提交并等待导航的正确模式如下:

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