如何在Cypress中处理元素未找到的错误？针对无tr元素场景

针对你遇到的场景，有几种实用的方法来处理元素不存在的情况，避免测试因找不到元素而中断：

方法1：链式调用.catch()捕获异常 #

Cypress的命令返回类Promise对象，可以直接链式调用.catch()来处理元素未找到的情况：

cy.get('tbody.ant-table-tbody tr')
  .then((rows) => {
    // 找到tr元素后的业务逻辑
  })
  .catch(() => {
    // tr元素不存在时的处理逻辑，比如打印日志、执行备用流程等
  });

方法2：同步检查元素存在性（适合静态DOM或已确保DOM加载完成的场景） #

使用Cypress.$()（基于jQuery的同步DOM查询）提前检查元素是否存在，这种方式不会触发Cypress的失败断言：

cy.document().then(() => {
  const rows = Cypress.$('tbody.ant-table-tbody tr');
  if (rows.length > 0) {
    // 元素存在时执行逻辑
    cy.wrap(rows).then((validRows) => {
      // 这里可以继续使用Cypress命令操作元素
    });
  } else {
    // 元素不存在时的处理逻辑
  }
});

注意：如果元素是动态加载的，建议先通过cy.wait()或等待某个加载完成的标识后再执行上述检查，避免因DOM未更新导致误判。

方法3：先定位父元素再查询子元素 #

如果tbody.ant-table-tbody一定存在，只是tr可能不存在，可以先定位父元素，再在父元素范围内查询子元素，这样不会因子元素不存在而导致测试失败：

cy.get('tbody.ant-table-tbody')
  .then((tbody) => {
    const rows = tbody.find('tr');
    if (rows.length > 0) {
      // 处理找到的tr元素
    } else {
      // 无tr元素的处理逻辑
    }
  });

如果tbody也可能不存在，可以给这个cy.get('tbody.ant-table-tbody')也加上.catch()块来处理更上层的元素缺失情况。

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