如何使用Playwright测试点击按钮后是否跳转到预期URL

• URL匹配规则错误：你填入的*URL*通配符规则与实际发起的请求URL不匹配，比如遗漏了查询参数、域名、协议前缀，导致始终匹配不到符合条件的请求。
• 场景不匹配：如果跳转是前端客户端路由实现（如Vue/React的history/hash模式跳转），不会发起新的网络请求，waitForRequest自然无法捕获到对应请求，会一直等待直到超时。
• 监听时序问题：极端情况下点击操作触发的请求早于waitForRequest的监听注册逻辑完成，导致请求被遗漏，无法触发等待结束的条件。

校验点击后跳转是否符合预期，最推荐使用Playwright官方提供的page.waitForURL() API，该API原生适配服务端跳转、前端路由跳转等所有场景，不需要关心底层网络请求逻辑，写法如下：

await Promise.all([
  // 支持传入完整URL、通配符字符串、正则、自定义匹配函数
  page.waitForURL('*你的预期URL规则*', { timeout: 5000 }),
  page.click('button')
])

如果你的测试场景确实需要验证特定网络请求被触发，可以优化waitForRequest的写法，避免匹配失败和无限等待：

const [request] = await Promise.all([
  // 用自定义匹配函数判断URL更灵活，同时配置超时时间避免无限卡住
  page.waitForRequest(req => req.url().includes('目标请求路径片段'), { timeout: 5000 }),
  page.click('button')
])

• 传入的匹配规则尽量精准：如果用通配符，可使用**匹配任意层级路径，避免参数、域名差异导致匹配失败
• 所有等待类API都建议配置合理的timeout参数，异常场景下可以快速抛出错误，避免用例长时间挂起
• 若跳转后还需要校验页面内容，可以在waitForURL执行完成后，再加对应元素的可见性校验逻辑，确保跳转完全完成

内容的提问来源于stack exchange，提问作者Ciccios_1518