Cypress中如何捕获should断言失败的错误？

你的代码无法捕获should断言错误，核心原因是Cypress的命令链并非标准Promise，直接使用.catch()无法捕获断言失败抛出的错误——Cypress会直接将这类错误标记为测试失败并中断执行流程。

以下是两种可行的解决方案：

方法一：在.then()中使用Chai断言+try/catch #

将断言逻辑放到.then()回调内，用原生JavaScript的try/catch捕获Chai断言（expect）的错误，这种方式更聚焦当前操作：

this.containsInIframe('tr', assetName)
  .find('div.loader', { timeout: 100000 })
  .then(($loaderElement) => {
    try {
      // 用Chai的expect断言替代Cypress的should命令
      expect($loaderElement).to.not.exist;
    } catch (error) {
      // 捕获到断言失败后执行刷新
      cy.reload();
      // 重新执行查找和断言
      this.containsInIframe('tr', assetName)
        .find('div.loader', { timeout: 100000 })
        .should('not.exist');
    }
  });

注意：这里必须用expect而非.should()，因为.should()的错误属于Cypress命令链的内部错误，无法被try/catch捕获，而expect是同步断言，错误会进入catch块。

方法二：临时监听Cypress的fail事件 #

通过监听Cypress全局的fail事件，拦截特定错误并处理，处理完成后恢复原有的错误逻辑，避免影响其他测试：

// 保存原始的错误处理逻辑
const originalFailHandler = Cypress.config('failOnStatusCode');

// 临时绑定fail事件处理函数
Cypress.on('fail', (error, runnable) => {
  // 判断是否是目标断言错误（可根据错误信息匹配）
  if (error.message.includes('expected <div.loader> not to exist')) {
    // 执行页面刷新
    cy.reload();
    // 重新执行断言逻辑
    this.containsInIframe('tr', assetName)
      .find('div.loader', { timeout: 100000 })
      .should('not.exist');
    // 返回false阻止测试标记为失败
    return false;
  }
  // 其他错误交给原始逻辑处理
  throw error;
});

// 执行初始的查找和断言
this.containsInIframe('tr', assetName)
  .find('div.loader', { timeout: 100000 })
  .should('not.exist');

// 恢复原始的错误处理逻辑
Cypress.on('fail', originalFailHandler);

这种方式适合需要在全局层面处理特定错误的场景，但要确保在处理完成后恢复原始的fail处理函数，避免干扰其他测试用例的错误判断。

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