Cypress技术问题：如何标记单测失败但继续执行其余测试？

我完全懂你的需求——就是想让单个it()块里的测试代码，哪怕前面的断言失败了，后面的步骤也能接着跑，最后还能明确看到这个测试是失败的，对吧？你之前尝试用Cypress.on('fail')拦截失败事件的思路是对的，但踩了Cypress命令队列的坑，我来给你捋捋怎么解决。

为什么你之前的方法会报错？ #

你在fail事件处理器里用cy.log()的时候触发了那个Promise冲突错误，本质原因是：Cypress的事件处理器（比如fail）是同步执行的，不能在里面调用cy.*这类异步命令——因为Cypress的命令是基于内部队列串行执行的，而事件处理器里直接调用命令会打破这个队列逻辑，导致内部Promise混乱。

正确的解决方案：捕获错误+延迟标记失败 #

我们可以通过「收集错误+阻止立即终止+测试结束后统一抛出错误」的方式实现需求，代码示例如下：

beforeEach(() => {
  // 用来收集当前测试中所有失败的断言错误
  const testErrors = [];

  // 拦截fail事件
  Cypress.on('fail', (error, runnable) => {
    // 用console.log记录失败信息（同步操作，不会触发Cypress命令队列问题）
    console.log(`断言失败: ${error.message}`);
    // 把错误存起来
    testErrors.push(error);
    // 返回false，阻止Cypress立即终止当前测试
    return false;
  });

  // 测试结束后检查是否有错误，有就抛出，标记测试失败
  afterEach(() => {
    if (testErrors.length > 0) {
      const errorMsg = `测试共出现 ${testErrors.length} 处失败:\n${testErrors.map(e => `- ${e.message}`).join('\n')}`;
      throw new Error(errorMsg);
    }
  });
});

这个方案的效果： #

• 单个it()块里，前面的断言失败后，后面的代码会继续执行
• 所有失败的断言信息都会被收集，最后在测试结束时统一抛出
• 测试最终会被标记为失败，你能清晰看到所有失败点
• 不会触发Cypress的Promise冲突错误，因为我们用了同步的console.log代替cy.log

额外提示： #

如果你只是想简单标记测试失败，不需要收集所有错误信息，也可以简化成这样：

beforeEach(() => {
  let hasFailed = false;

  Cypress.on('fail', (error) => {
    console.log(`失败原因: ${error.message}`);
    hasFailed = true;
    return false;
  });

  afterEach(() => {
    if (hasFailed) {
      throw new Error('当前测试存在断言失败');
    }
  });
});

这样就能完美实现你想要的效果啦！

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