Cypress如何跳过元素查找超时报错 实现未找到Remove allocation按钮时代码继续执行

Cypress 所有cy.开头的命令都是异步链式设计，本身不会返回布尔值，且cy.contains()默认自带4秒重试超时，找不到对应元素就会直接抛出测试失败错误，不会进入你写的else分支，所以原生的if判断对Cypress命令无效。

推荐两种兼容性较高的实现方式，任选一种即可：

方式1：使用同步DOM查询判断（最稳妥） #

利用Cypress内置的jQuery实例Cypress.$做同步DOM查询，找不到元素只会返回长度为0的空对象，不会抛出错误：

it('Find transaction for refund', function() {
  cy.wait(1500)
  for(let count=7; count<=10; count++) {
    cy.get('.text-center').eq(count).click()
    cy.wait(1500)
    // 匹配文本时注意和页面实际大小写一致，报错中显示元素title为Remove Allocation，可按需调整文本内容
    if(Cypress.$(':contains("Remove allocation")').length > 0) {
      cy.get('.js-delete').eq(count).click()
      cy.contains('Yes').click()
      cy.wait(1000)
      cy.scrollTo(500, 0)
      cy.wait(1000)
    }
    // 原for循环已自带count自增逻辑，不需要额外重复自增，避免跳过索引
  }
})

方式2：显式关闭cy.contains的报错逻辑（适合较高版本Cypress） #

给cy.contains添加参数关闭找不到元素时的报错和重试逻辑，在回调中判断元素是否存在：

it('Find transaction for refund', function() {
  cy.wait(1500)
  for(let count=7; count<=10; count++) {
    cy.get('.text-center').eq(count).click()
    cy.wait(1500)
    // timeout设为0跳过重试，failOnNotFound设为false避免找不到元素时报错
    cy.contains('Remove allocation', { timeout: 0, failOnNotFound: false }).then($el => {
      if($el.length) {
        cy.get('.js-delete').eq(count).click()
        cy.contains('Yes').click()
        cy.wait(1000)
        cy.scrollTo(500, 0)
        cy.wait(1000)
      }
    })
  }
})

• 尽量减少硬编码的cy.wait()，可以替换为元素可见性断言，提升测试稳定性
• 如果列表是动态渲染的，建议使用cy.get('列表元素选择器').each()遍历代替固定索引的for循环，避免元素顺序变化导致的索引错位问题
• 注意按钮文本的大小写匹配，你报错信息中的元素title为Remove Allocation，如果按钮显示文本也是首字母大写，需要将contains中的文本调整为对应内容，避免匹配失败

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