编剧条件页.waitForNavigation

Question

在自动登录时，我单击一个元素可能会导致导航到另一个页面，但如果密码无效，它只会在同一页面上显示错误消息而不会真正导致导航。

我试过了：

await Promise.all([
      this.page.submitButton.click(),
      this.page.waitForNavigation()
    ]); 

但是在没有导航发生的情况下它会失败。 我正在考虑拦截响应，以检查登录是否成功/失败，但可能有更清晰的方法吗？

Answer 1

此代码应为您提供一个示例，说明如何理解您是否停留在同一页面或导航：

await this.page.submitButton.click();

try {
    await this.page.waitForNavigation();
    // if we are here it means login was successful
} catch(e) {
    // if we are here it means login failed
}

Answer 2

除了this.page.submitButton.click()之外，我认为您不需要额外的代码。
click 函数将等待您的导航。因此，您可以在点击后检查您是否在同一个 URL 中。

await this.page.submitButton.click(); // This will wait for a possible navigation

if(this.page.url() == destinationOnValidLogin) {
 // Good login stuff
} else {
 // Login failed
}