使用cy.origin时Cypress中REST请求延迟问题求助

核心问题 #

你用cy.origin的语法本身没问题，但第二个测试块里点击按钮触发的REST请求延迟60秒执行，主要和跨源上下文的命令跟踪、异步等待机制有关，并非cy.origin的Bug，大概率是测试逻辑里的等待缺失导致的。

可能原因 #

1. 跨源上下文的命令未同步等待：cy.origin会创建独立的跨源环境，内部命令队列和外部隔离。如果点击按钮后没显式等待请求完成，测试会提前结束，请求只能在测试上下文销毁后延迟执行。
2. 页面就绪判断缺失：cy.visit('/')后没等页面完全初始化就点击按钮，页面内部的异步逻辑没走完，导致请求触发延迟。
3. experimentalOriginDependencies的适配问题：虽然开启了该配置，但跨源环境下的资源加载、事件监听可能存在隐性延迟。

修复方案 #

1. 拦截并等待目标请求

用cy.intercept捕获点击触发的REST请求，确保测试等待请求完成后再结束：

describe('the test', () => {
 
 it('is part 1', () => {
   cy.visit('url1.com')
   // 你的业务操作
 })
 it('is part 2', () => {
   cy.origin('url2.com', () => {
     // 替换成你实际的请求方法和接口路径
     cy.intercept('POST', '/api/submit').as('submitRequest')
     cy.visit('/')
     // 页面操作逻辑
     cy.get('.submit-btn').click()
     // 等待请求完成
     cy.wait('@submitRequest')
   })
 })
})

2. 等待页面完全就绪

在cy.visit后添加页面加载完成的校验，避免提前执行操作：

cy.origin('url2.com', () => {
  cy.visit('/')
  // 等待页面核心元素加载完成
  cy.get('[data-test="page-main"]').should('be.visible')
  // 或者等待所有资源加载完毕
  cy.document().its('readyState').should('eq', 'complete')
  // 后续操作
})

3. 调整Cypress超时配置

在cypress.config.js中延长命令超时时间，适配跨源环境的资源加载：

module.exports = {
  e2e: {
    experimentalOriginDependencies: true,
    defaultCommandTimeout: 15000,
    requestTimeout: 15000,
  }
}

关于快照保留的说明 #

最初两个it块用cy.visit不同URL导致开放模式快照丢失，是因为Cypress会在不同源的测试块间重置上下文，cy.origin的设计就是为了在同一会话中保留多源上下文，所以这个用法是正确的，只要补全等待逻辑就能解决延迟问题。

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