Cypress中无法绕过元素不可见条件，移除过滤器逻辑失效

你当前代码的问题在于**cy.get()命令的特性**——它默认会等待目标元素出现，超时后直接抛出错误，根本走不到后续then()里的条件判断。所以当没有过滤器元素时，cy.get(filterElement)直接失败，不会进入else分支执行日志。

修复方案：用同步DOM查询判断元素存在性 #

改用同步查询方式（不会等待元素加载，直接返回当前DOM中的结果），这样不管元素是否存在，都能正常执行条件逻辑。

修改后的代码示例1（使用Cypress.$）

const $filterElements = Cypress.$(filterElement);
if ($filterElements.length > 0) {
  const $filterDropdowns = Cypress.$('.d-inline-block .dropdown-toggle');
  if ($filterDropdowns.length > 1) {
    const $removeButtons = Cypress.$(filterRemoveElement);
    if ($removeButtons.length > 0) {
      // 确认元素存在后，再用cy.get()执行点击操作
      cy.get(filterRemoveElement).click({ multiple: true });
    } else {
      cy.log('没有找到过滤器移除按钮，跳过移除步骤。');
    }
  } else {
    cy.log('没有找到过滤器下拉菜单，跳过移除步骤。');
  }
} else {
  cy.log('没有找到过滤器区域，跳过移除步骤。');
}

修改后的代码示例2（使用cy.document()）

cy.document().then(doc => {
  const filterElements = doc.querySelectorAll(filterElement);
  if (filterElements.length > 0) {
    const filterDropdowns = doc.querySelectorAll('.d-inline-block .dropdown-toggle');
    if (filterDropdowns.length > 1) {
      const removeButtons = doc.querySelectorAll(filterRemoveElement);
      if (removeButtons.length > 0) {
        cy.get(filterRemoveElement).click({ multiple: true });
      } else {
        cy.log('没有找到过滤器移除按钮，跳过移除步骤。');
      }
    } else {
      cy.log('没有找到过滤器下拉菜单，跳过移除步骤。');
    }
  } else {
    cy.log('没有找到过滤器区域，跳过移除步骤。');
  }
});

核心逻辑说明 #

先用同步查询（Cypress.$或document.querySelectorAll）判断元素是否存在，确认存在后再用cy.get()执行操作——这样既避免了cy.get()因元素不存在而报错，又能保证操作的可靠性。

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