Javascript 木偶演员在表单提交后新加载页面

我正在使用Puppeter来衡量页面的性能和它们的特性（由于我才刚刚开始，这仍处于初始阶段）。 下面是我正在使用的一个示例：

const puppeteer = require('puppeteer');
(async () => {

    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();
    await page._client.send('Performance.enable');
    await page.goto('https://xxxx.com');
    await page.focus("#formulario input#username");
    await page.type("test2222@gmail.com", {delay: 200});
    await page.focus("#formulario input#inputPassword3");
    await page.type("pass", {delay: 200});
    const loginForm = await page.$("#formulario");
    await loginForm.evaluate(loginForm => loginForm.submit());
    loginForm._client.send('Performance.getMetrics');
    //BELOW DOESN'T WORK BECAUSE THE PAGE IS GONE
    await page.click("span.show-filters");

    await browser.close();
})();

---

提交表单后如何访问新加载的页面？我的意思是用户已登录，我们如何处理新加载的页面？

我通过等待页面先加载来实现它。然后我可以点击正确的元素

因此，我添加了以下行：

await page.waitForNavigation();

在此之前：

await page.click(".show-filters");

---

我必须说，该工具的文档非常稀少：（

我怀疑文档会有所改进，因为它还没有正式发布。