在Cypress中用if-else判断元素可见性时，如何避免AssertionError并执行日志？

你遇到的问题是因为cy.get()默认会等待目标元素存在，当元素完全不存在时就会触发超时断言错误。要实现“元素可见时点击，不可见/不存在时执行日志”的逻辑，可以用以下两种方法：

方法一：直接查询DOM（无等待） #

用Cypress.$()直接查询当前页面DOM，这种方式不会触发Cypress的重试机制，直接判断元素状态：

// 直接查询弹窗元素
const $dis = Cypress.$('[type="alertdialog"]');
if ($dis.is(':visible')) {
  cy.get('[button="reject"]').click();
} else {
  cy.log("test");
}

方法二：带超时等待的容错处理 #

如果弹窗可能延迟出现，需要等待一段时间再判断，可以给cy.get()添加failOnStatusCode: false配置，同时捕获元素不存在的异常：

cy.get('[type="alertdialog"]', { timeout: 4000, failOnStatusCode: false })
  .then(($dis) => {
    if ($dis.is(':visible')) {
      cy.get('[button="reject"]').click();
    } else {
      cy.log("test");
    }
  })
  .catch(() => {
    // 元素完全不存在时执行日志
    cy.log("test");
  });

关键说明 #

• Cypress.$()等同于jQuery的$，直接操作当前DOM，不会触发Cypress的等待和重试逻辑，适合快速判断静态DOM元素。
• 给cy.get()添加failOnStatusCode: false后，即使元素不存在也不会抛出断言错误，而是进入catch分支处理。

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