如何在单个Cypress测试文件中同步执行？实现单页面多验证

每个it测试块在Cypress中是完全隔离的，执行完一个it后，Cypress会自动清理页面状态、重置浏览器上下文，所以第二个it里没有重新加载页面，自然找不到元素。要实现只加载一次页面、多测试用例复用的需求，可以用以下两种方法：

方法一：使用before钩子一次性加载页面 #

把cy.visit放在describe块的before钩子中，这个钩子会在整个describe下的所有it执行前仅运行一次，确保所有测试用例都基于同一个已加载的页面进行验证：

describe('my first test', () => {
  // 在所有测试用例执行前加载页面
  before(() => {
    cy.visit('https://myurl.com')
  })

  it('should visit en!', () => {
    cy.contains('#the-element') // 正常通过
  })

  it('should have basics', () => {
    cy.contains('#the-element') // 现在能找到元素，断言通过
  })
})

注意事项 #

如果某个测试用例会修改页面状态（比如点击按钮、修改输入框内容），后续测试用例的页面环境会被影响。这种情况下，要么在每个it前用beforeEach重置页面状态，要么把相关联的断言放在同一个it块中。

方法二：使用cy.session持久化会话（适合带登录的场景） #

如果你的页面需要登录或保持会话状态，Cypress 12+提供的cy.session可以持久化浏览器会话，避免重复加载页面或登录：

describe('my first test', () => {
  beforeEach(() => {
    cy.session('my-session', () => {
      // 仅在会话不存在时执行一次访问/登录
      cy.visit('https://myurl.com')
    })
    // 每次测试前确保页面处于初始状态（可选）
    cy.visit('https://myurl.com') 
  })

  it('should visit en!', () => {
    cy.contains('#the-element')
  })

  it('should have basics', () => {
    cy.contains('#the-element')
  })
})

这个方法适合需要保持登录状态的场景，会话会被缓存，后续测试不会重复执行登录步骤。

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