Jest：在beforeEach中创建Promise拒绝会导致未调用处理代码的测试报错

我明白你遇到的麻烦了——在beforeEach里设置了mock的多次返回值，结果即使没调用mock的测试也会触发未处理的Promise拒绝警告，甚至导致Jest监听终止。这种情况在旧版Jest里确实存在，下面给你几个更优雅的解决办法：

方法一：在afterEach中重置mock实现 #

每次测试结束后清除mock的所有残留状态，避免后续测试受到之前设置的影响。这样即使某个测试没调用mock，也不会有遗留的Promise拒绝待处理：

describe('Demonstration of unhandled promise rejection', () => {
  // ... 其他变量定义

  beforeEach(() => {
    myService.doSomething = jest
      .fn()
      .mockReturnValueOnce(Promise.reject(mockRefreshError))
      .mockReturnValueOnce(Promise.resolve(mockResponse));
  });

  // 添加这部分代码
  afterEach(() => {
    myService.doSomething.mockReset(); // 彻底重置mock的实现和调用记录
  });

  // ... 测试用例
});

mockReset()会清除mock的所有自定义实现和调用统计，让mock回到初始的空函数状态，完美解决残留返回值的问题。

方法二：动态控制mock返回值（替代mockReturnValueOnce） #

改用mockImplementation来跟踪调用次数，只有当mock被实际调用时才生成对应的Promise，从根源上避免创建未被处理的Promise：

describe('Demonstration of unhandled promise rejection', () => {
  const mockRefreshError = new Error('Oh noes!');
  mockRefreshError.status = 401;
  const mockResponse = { body: 'hello, world' };

  beforeEach(() => {
    let callCount = 0;
    myService.doSomething = jest.fn(() => {
      callCount++;
      return callCount === 1 
        ? Promise.reject(mockRefreshError) 
        : Promise.resolve(mockResponse);
    });
  });

  // ... 测试用例
});

这种方式下，Promise只会在mock被调用时才会被创建，不会有闲置的已拒绝Promise触发警告。

方法三：全局捕获未处理的拒绝（应急方案） #

如果暂时不想调整mock逻辑，可以在项目的src/setupTests.js（CRA默认的测试入口文件）中添加全局监听，捕获未处理的Promise拒绝，避免Jest终止：

process.on('unhandledRejection', (err) => {
  // 可以在这里记录日志，或者直接忽略（不推荐忽略，建议找到根源）
  console.warn('捕获到未处理的Promise拒绝:', err);
});

注意：这只是临时的应急手段，最好还是从mock逻辑上解决问题，避免隐藏真正的代码问题。

额外建议：升级Jest版本 #

你提到在v20-v22中复现这个问题，后续的Jest版本（比如v23+）已经修复了不少Promise处理的bug，升级到最新稳定版可能直接解决这个问题，同时还能获得更多新特性和性能提升。

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