升级至Cypress 12后仅首个测试用例通过问题咨询

核心差异：默认启用测试隔离（Test Isolation） #

Cypress 12默认将testIsolation设置为true，而旧版本（如Cypress 10及之前）默认是false。这个特性的核心作用是：

• 每个it测试块执行前，自动重置浏览器状态：清除Cookie、localStorage，页面导航至about:blank
• 强制每个测试用例完全独立，避免相互干扰

你的代码故障原因 #

看你的测试结构：

describe(`Current file: ${file}.html`, () => {
    before(() => {
        base_url = `https://[redacted]/`;
        current_url = `${base_url}${file}.html`;
        cy.visit(current_url);
    })

    it('Contains header Element', () => {
        cy.get('header');
    })

    it('Contains nav element in header Element', () => {
        cy.get('header nav');
    })
})

• before钩子仅在当前describe下的第一个测试用例执行前运行一次，完成页面访问
• 第一个it执行时页面正常加载，测试通过
• 第二个it执行前，测试隔离机制会重置浏览器到空白页，此时页面不存在header或nav元素，导致cy.get查找失败

旧版本因测试隔离默认关闭，所有it共享同一浏览器上下文，页面不会被重置，因此后续测试能正常运行。

解决方法 #

方法1：改用beforeEach钩子（推荐） #

将before替换为beforeEach，让每个it执行前都重新访问目标页面，既保证测试独立性，又能正常运行：

describe(`Current file: ${file}.html`, () => {
    beforeEach(() => { // 替换为beforeEach
        base_url = `https://[redacted]/`;
        current_url = `${base_url}${file}.html`;
        cy.visit(current_url);
    })

    it('Contains header Element', () => {
        cy.get('header');
    })

    it('Contains nav element in header Element', () => {
        cy.get('header nav');
    })
})

方法2：全局禁用测试隔离（不推荐） #

在cypress.config.js中关闭测试隔离，恢复旧版本行为，但会导致测试间相互干扰，不利于长期维护：

module.exports = defineConfig({
  e2e: {
    testIsolation: false, // 添加该行关闭测试隔离
    // 其他配置项...
  },
})

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