cy.spy()监听window.open在跨域名新标签页中失效的技术求助

问题分析 #

点击无href/target属性的img标签时，打开不同域名的新标签页，现有代码通过cy.spy(win, 'open')监听跳转，同域场景正常，但跨域时失效。核心原因是Cypress默认的Web安全策略会限制跨域操作，导致window.open的调用无法被spy捕获。

解决方案 #

1. 关闭Cypress默认的Web安全限制 #

在cypress.config.js（旧版本用cypress.json）中添加配置，允许跨域操作：

module.exports = {
  e2e: {
    chromeWebSecurity: false
  }
}

该配置会禁用Chrome的同源策略限制，让Cypress能正常捕获跨域的window.open调用。

2. 优化Spy/Stub的使用方式 #

将spy挂载和点击操作放在同一上下文，或改用cy.stub强制拦截调用，避免跨域场景下的监听失效：

cy.window().then((win) => {
  // 用stub替代spy，确保跨域场景下能捕获调用
  cy.stub(win, 'open').as('redirect')
})

cy.get('webElement').click()
cy.get('@redirect').should('be.called')
// 可额外验证跳转URL是否符合预期
cy.get('@redirect').should('be.calledWith', 'https://目标跨域地址.com')

3. 额外排查点 #

• 确认img标签的点击事件确实通过window.open触发：可在浏览器控制台手动触发点击，查看是否调用该方法。
• 若应用使用自定义跳转逻辑（如location.href或第三方库），需对应调整监听方式（跨域时Cypress无法直接访问新窗口的location，需结合业务逻辑调整断言）。

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