Cypress before()钩子元素查找失败致测试中断，求软断言方案

我在before()钩子中编写了以下代码，用于处理有时显示、有时不显示的弹窗：

before(() => {
cy.get(this.testPopup).then(($el) => {
   if ($el.length) {
      cy.get(this.testPopupCloseButton).click();
      cy.get(this.testPopup).should("not.exist");
    } 
  });
});

但执行时出现以下错误，导致整个测试套件被跳过：

Timed out retrying after 30000ms: Expected to find element: #test-popup-element, but never found it.
Because this error occurred during a before all hook we are skipping the remaining tests in the current suite

需要实现软断言效果：即使弹窗相关操作失败，剩余测试仍能继续执行。

解决方案建议 #

1. 同步DOM查询（推荐） #

cy.get()会默认等待元素出现，超时则触发失败。改用同步的DOM查询直接判断弹窗是否存在，避免不必要的等待：

before(() => {
  // 用Cypress.$（同步jQuery选择器）直接查询DOM
  const popup = Cypress.$(this.testPopup);
  if (popup.length) {
    cy.get(this.testPopupCloseButton).click();
    cy.get(this.testPopup).should("not.exist");
  }
});

这种方式不会等待元素，弹窗不存在时直接跳过操作，完全避免超时错误。

2. 临时禁用全局错误终止 #

通过修改Cypress配置，临时关闭failOnError，让钩子中的错误不终止整个测试套件：

before(() => {
  // 保存原始配置
  const originalFailConfig = Cypress.config('failOnError');
  Cypress.config('failOnError', false);

  cy.get(this.testPopup).then(($el) => {
    if ($el.length) {
      cy.get(this.testPopupCloseButton).click();
      cy.get(this.testPopup).should("not.exist");
    }
  }).finally(() => {
    // 恢复原始配置，不影响后续测试
    Cypress.config('failOnError', originalFailConfig);
  });
});

3. 基于body的条件检查 #

通过获取body元素（必然存在），在其内部同步查询弹窗，避免cy.get()的等待逻辑：

before(() => {
  cy.get('body').then(($body) => {
    if ($body.find(this.testPopup).length) {
      cy.get(this.testPopupCloseButton).click();
      cy.get(this.testPopup).should("not.exist");
    }
  });
});

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