如何在Cypress中遍历表格行时，避免无行导致的测试失败？

当表格无行时，Cypress默认会因找不到<tr>元素而超时失败，你可以用以下几种方法处理：

方法一：先判断行是否存在再遍历 #

先获取<tbody>元素，在回调内查询行并判断数量，仅当有行时执行遍历逻辑：

cy.get('tbody').then($tbody => {
  const $rows = $tbody.find('tr');
  if ($rows.length > 0) {
    $rows.each($row => {
      // 在这里编写处理每一行的代码
      // 示例：获取第一列文本
      // const firstColText = $row.find('td').eq(0).text();
      // cy.log('第一列内容：', firstColText);
    });
  }
});

这种方式由你完全控制逻辑，无行时直接跳过遍历，不会触发Cypress的元素查找失败断言。

方法二：允许元素数量为0 #

通过断言告知Cypress，<tbody>下的<tr>元素数量可以为0，这样即使没有行，测试也能正常通过：

cy.get('tbody tr').should('have.length.gte', 0).each($row => {
  // 处理每一行的逻辑
});

should('have.length.gte', 0)会覆盖Cypress默认的“至少找到一个元素”校验，无行时each回调不会执行，测试自然通过。

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