Cypress拆分测试函数出现textarea定位超时问题的原因咨询

核心差异：测试用例的独立性 #

Cypress中每个it块是独立的测试用例，每个it执行时都会启动全新的浏览器上下文——简单说就是每次运行it，浏览器都是“干净”的，之前测试用例里的页面访问、操作都不会被保留。

拆分写法失败的原因 #

你拆分的两个it：

• 第一个it完成了访问谷歌页面的操作，但测试结束后，Cypress会重置浏览器状态；
• 第二个it运行时，浏览器是空白状态，并没有加载谷歌搜索页，自然找不到textarea元素，所以触发超时错误：

  Timed out retrying after 4000ms: Expected to find element: textarea, but never found it.

合并写法正常的原因 #

合并到同一个it后，所有步骤都在同一个浏览器会话中执行：访问页面的操作和定位元素的操作连贯进行，页面始终处于加载完成的状态，所以能成功找到目标元素。

如何正确拆分测试用例 #

如果想保持测试用例的拆分结构，可以用Cypress的钩子函数统一前置页面访问：

// 在所有测试用例执行前先访问页面
before(() => {
  cy.visit('https://www.google.com')
})

it('验证谷歌页面加载完成', () => {
  cy.title().should('include', 'Google')
})

it('定位谷歌搜索框', () => {
  cy.get('textarea').should('be.visible')
})

或者用beforeEach让每个it执行前都重新访问页面，适合需要独立会话的场景：

beforeEach(() => {
  cy.visit('https://www.google.com')
})

it('验证谷歌页面加载完成', () => {
  cy.title().should('include', 'Google')
})

it('定位谷歌搜索框', () => {
  cy.get('textarea').should('be.visible')
})

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