本文详解如何正确使用 `cy.intercept()` 拦截 `zoomus://` 等自定义协议 url，避免浏览器弹出外部应用确认对话框导致测试中断，并确保协议跳转行为可断言、可验证。
在 Cypress 中测试涉及第三方协议（如 zoomus://、tel://、mailto://）的跳转逻辑时，一个常见痛点是：点击按钮后浏览器会触发系统级协议处理（例如唤起 Zoom 客户端），同时弹出“是否打开 zoom.us？”的安全提示框。该行为不仅阻塞页面 JavaScript 执行，还会导致 Cypress 测试挂起、超时甚至崩溃——因为 Cypress 无法控制或自动化原生操作系统对话框。
关键在于：Cypress 的 cy.intercept() 无法真正“阻止”协议 URL 的发起，但它可以监听并捕获由 <a href=”zoomus://…”> 或 window.location.href = “zoomus://…” 触发的导航事件（注意：此处并非 http 请求，而是协议导航）。虽然协议 URL 不产生网络请求，但现代 Cypress（v12+）已支持对这类导航进行拦截和断言，前提是配置方式正确。
✅ 正确用法：顺序 + 无引号正则表达式
最常被忽略的两个细节是：
- cy.intercept() 必须在触发跳转操作前声明（即放在 click() 之前），否则监听器尚未注册，事件将被错过；
- 正则表达式 不能加引号包裹（如 “/^zoomus:/.*/” 是字符串字面量，Cypress 不识别为正则），应直接传入正则字面量 /^zoomus:/.*/。
以下是修正后的完整测试示例：
it('Should login and click join zoom link successfully with a tester username and password', () => { LoginPage.login(credentials.tester.username, credentials.tester.password); cy.url().should('eq', `${Cypress.config().baseUrl}/myaccount`); // ✅ 正确：在点击前注册 intercept，且使用无引号正则字面量 cy.intercept(/^zoomus:/.*/).as('zoomLaunch'); MyAccount.clickFirstJoinViaZoomButton(); // ✅ 等待协议导航被拦截（Cypress v12.15+ 支持协议 URL intercept） cy.wait('@zoomLaunch').then((interception) => { expect(interception.url).to.match(/^zoomus://join?/); // 示例校验参数 }); });⚠️ 注意：Cypress 对协议 URL 的拦截依赖底层 Chromium 的 beforeunload / navigation 事件机制，因此仅适用于通过 <a> 标签跳转或 location.assign() 等同步导航方式。若使用 window.open(“zoomus://…”, “_blank”)，需额外处理新窗口（当前 Cypress 对 _blank 窗口支持有限，建议优先改用 <a target=”_self”> 或移除 target）。
? 验证与调试技巧
- 使用 cy.log(interception.url) 查看实际拦截到的完整协议 URL；
- 若 cy.wait(‘@zoomLaunch’) 超时，请检查：
✅ 总结
| 事项 | 正确做法 |
|---|---|
| 声明时机 | cy.intercept() 必须置于触发跳转的操作（如 .click()）之前 |
| 匹配语法 | 使用正则字面量 /^zoomus:/.*/，不可加引号 |
| 断言目标 | 通过 cy.wait(‘@alias’).then(…) 获取 interception.url 进行精确校验 |
| 兼容前提 | 确保使用 Cypress ≥ v12.15，且跳转方式为标准导航（非 window.open 或 iframe 内跳转） |
通过上述配置，你不仅能安全绕过系统弹窗，还能将“是否成功触发 Zoom 启动”这一业务逻辑转化为可重复、可 CI 集成的自动化断言，显著提升 E2E 测试健壮性与可观测性。