运行Cypress脚本无法打开Electron应用动态链接子窗口如何解决

问题根因 #

你当前遇到的子窗口无法被Cypress捕获的核心原因是：子窗口并非通过前端标准window.open接口创建，而是通过Electron的IPC通道调用主进程能力生成，Cypress默认运行在前端渲染层，无法直接监听到主进程侧的窗口创建行为。你之前编写的cy.route相关逻辑是用于接口拦截，和窗口打开逻辑无关，因此无法生效。

解决方案 #

方案1：轻量Mock方案（推荐，仅需修改测试用例） #

直接在前端层Stub IPC调用，拿到子窗口的访问地址后直接跳转测试，无需修改Cypress配置，代码如下：

cy.visit("http://localhost:8080");   
cy.get("#EmailId").type("admin@abc.com");
cy.get("#PasswordId").type("admin@123");
cy.get("#LoginButton > .v-btn__content").click();

// 新增代码：Stub ipcRenderer的send方法捕获子窗口URL
cy.window().then(win => {
  const originalSend = win.require('electron').ipcRenderer.send
  cy.stub(win.require('electron').ipcRenderer, 'send').callsFake((event, params) => {
    // 匹配你自定义的打开窗口IPC事件
    if (event === 'asynchronous-OpenWindow') {
      cy.wrap(params.WindowURL).as('childWinUrl')
      return
    }
    // 其余IPC事件走原有逻辑
    return originalSend(event, params)
  })
})

cy.get("#OpenFilterButton").click()
// 拿到子窗口URL直接访问，即可正常测试子窗口逻辑
cy.get('@childWinUrl').then(childUrl => {
  cy.visit(childUrl)
})

// 后续直接编写子窗口的测试断言即可

方案2：主进程注入方案（需验证窗口参数时使用） #

如果需要验证窗口尺寸、是否真的触发主进程窗口创建逻辑，可以通过修改Cypress配置注入Electron主进程监听逻辑：

1. 修改cypress.config.js配置：

const { defineConfig } = require('cypress')

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('before:browser:launch', (browser, launchOptions) => {
        if (browser.family === 'electron') {
          const { ipcMain } = require('electron')
          let childWinParams = null
          // 主进程监听自定义窗口打开事件
          ipcMain.on('asynchronous-OpenWindow', (event, params) => {
            childWinParams = params
          })
          // 注册Task供测试用例获取参数
          on('task', {
            getChildWinParams() {
              return childWinParams
            }
          })
        }
        return launchOptions
      })
    },
    // 其余配置保持不变
  }
})

2. 测试用例中获取窗口参数做断言：

cy.get("#OpenFilterButton").click()
cy.task('getChildWinParams').then(params => {
  // 断言窗口尺寸符合预期
  expect(params.WindowSize.width).to.eq(700)
  expect(params.WindowSize.height).to.eq(600)
  // 访问子窗口地址进行后续测试
  cy.visit(params.WindowURL)
})

注意事项 #

• Cypress本身不支持多窗口DOM操作，直接访问子窗口URL的方式可以绕开多窗口适配的问题，是Electron应用下测试弹出窗口的最优解
• 你原有代码中的cy.server、cy.route是Cypress v6及之前版本的接口拦截语法，新版本已被cy.intercept替代，且该段逻辑和窗口打开无关，可以直接删除

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