同一测试文件中多cy.origin()引发Cypress 14.4.1测试报错求助

你的问题核心是同一测试文件内的多个跨域测试用例（依赖cy.origin()）之间，浏览器上下文未完全隔离，导致第一个用例的跨域页面残留的JS环境污染了后续测试，触发Bootstrap依赖jQuery的错误；同时跨域场景下的uncaught:exception监听器需要特殊配置才能生效。以下是针对性的解决方法：

1. 显式开启测试隔离并强制重置上下文 #

Cypress默认的测试隔离在跨域场景下可能不够彻底，显式开启隔离并在每个测试后强制清理浏览器状态：

describe('支付按钮跳转测试', { testIsolation: true }, () => {
  afterEach(() => {
    // 清除所有域名的Cookie、本地存储
    cy.clearAllCookies({ domain: null });
    cy.clearAllLocalStorage();
    cy.clearAllSessionStorage();
    // 强制返回主应用域名，彻底脱离跨域上下文
    cy.visit(Cypress.config('baseUrl'));
  });

  it('测试支付宝跳转', () => {
    // 点击支付宝按钮 + cy.origin()跨域断言逻辑
  });

  it('测试微信支付跳转', () => {
    // 点击微信支付按钮 + cy.origin()跨域断言逻辑
  });
});

2. 修复uncaught:exception监听器 #

跨域页面的未捕获异常需要全局配置+局部监听双重处理：

全局配置（cypress.config.js） #

const { defineConfig } = require('cypress');

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('uncaught:exception', (err) => {
        // 过滤Bootstrap依赖jQuery的错误，阻止测试终止
        if (/Bootstrap's JavaScript requires jQuery/.test(err.message)) {
          return false;
        }
        // 其他异常保持默认处理逻辑
        return true;
      });
    },
    baseUrl: '你的主应用域名',
  },
});

局部监听（cy.origin()内部） #

如果全局监听不生效，在每个跨域测试块内添加局部监听：

cy.origin('https://payment.example.com', () => {
  Cypress.on('uncaught:exception', (err) => {
    if (/Bootstrap's JavaScript requires jQuery/.test(err.message)) {
      return false;
    }
    return true;
  });

  // 支付页面断言逻辑，比如验证登录按钮可见
  cy.get('#payment-login').should('be.visible');
});

3. 优化cy.origin()执行流程 #

确保每个跨域测试完成后，明确退出跨域上下文：

it('测试支付跳转', () => {
  // 点击目标支付按钮
  cy.get('#wechat-pay-btn').click();

  cy.origin('https://pay.weixin.qq.com', () => {
    // 验证支付页面加载状态
    cy.title().should('include', '微信支付');
  });

  // 跨域操作完成后，强制返回主页面
  cy.visit(Cypress.config('baseUrl'));
});

4. 调整跨域相关配置（可选） #

在cypress.config.js中添加以下配置，优化跨域会话管理：

module.exports = defineConfig({
  e2e: {
    // ...其他配置
    experimentalSessionAndOrigin: true, // 增强跨域会话隔离能力
    chromeWebSecurity: false, // 仅在必要时开启，解决部分跨域资源加载问题
  },
});

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