Cypress元素存在判断异常：仅进入存在分支，不存在时直接报错

为什么你的代码会直接触发断言失败？ #

cy.get() 是Cypress自带断言逻辑的命令，它默认会等4秒直到元素出现，要是超时还找不到，直接就抛出断言失败的错误，测试流程直接终止，根本走不到后面的.then()回调，所以你的else分支永远不会执行。

正确实现方式 #

方法1：用Cypress.$直接查DOM #

直接用jQuery风格的查询，不会触发Cypress的等待和断言，能立刻判断元素存不存在：

const $el = Cypress.$(deleteCellButtonLocator);
if ($el.length > 0) {
  cy.log(cellName + ' exists. Deleting...');
  // 这里写删除操作的代码
} else {
  cy.log('Element not found');
}

⚠️ 注意：这种方式只查当前时刻的DOM，不会等元素加载，要是元素是异步渲染出来的，得先等页面稳定了再查。

方法2：通过body元素间接判断 #

先获取页面的body，再在里面查找目标元素，这样不会触发Cypress的断言失败：

cy.get('body').then(($body) => {
  const hasElement = $body.find(deleteCellButtonLocator).length > 0;
  if (hasElement) {
    cy.log(cellName + ' exists. Deleting...');
    cy.get(deleteCellButtonLocator).click(); // 执行删除
  } else {
    cy.log('Element not found');
  }
});

方法3：给cy.get()加timeout: 0跳过等待 #

修改你原来的代码，给cy.get()加个超时配置，让它立刻查询DOM，找不到就直接进入then回调（此时$el.length为0）：

cy.get(deleteCellButtonLocator, { timeout: 0 }).then(($el) => {
  if ($el.length > 0) {
    cy.log(cellName + ' exists. Deleting...');
  } else {
    cy.log('Element not found');
  }
});

这种方式改动最小，但同样要确保DOM已经加载完成，不然可能会误判元素不存在。

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