React Native中react-test-renderer的Jest测试通过后无法自动退出

可能的原因 #

• React Native 0.68.2 与 Jest 29.x 存在兼容性冲突：前者的官方Jest预设（react-native）在Jest 29的严格资源检测机制下，会残留未清理的MESSAGEPORT句柄，这是旧版本RN搭配高版本Jest的常见问题。
• 第三方依赖隐藏的异步资源：虽然你的SysError组件本身没有异步调用，但它引入的依赖（比如UI组件库、工具类）可能内部使用了MessagePort或启动了后台任务，测试结束后未自动释放资源。
• Jest配置缺失必要的清理逻辑：比如未开启mock重置、环境配置不正确，导致测试后资源残留。

解决步骤 #

1. 临时验证问题根源 #

在jest.config.js中添加forceExit: true配置，执行测试看进程是否能正常退出：

module.exports = {
  preset: 'react-native',
  forceExit: true,
  // 其他已有配置
};

如果此时进程能退出，基本可以确定是残留句柄导致的问题，再寻找更优雅的解决方式。

2. 调整Jest版本适配React Native #

React Native 0.68.x官方推荐的Jest版本是27.x，和Jest 29兼容性不佳。可以降级Jest及相关依赖：

yarn add jest@27.5.1 @types/jest@27.5.2 babel-jest@27.5.1 --dev

重新安装依赖后再执行测试，大概率能解决句柄残留问题。

3. 添加测试后清理钩子 #

如果不想降级Jest，可以在测试文件末尾添加afterAll钩子，手动清理可能的残留资源：

afterAll(() => {
  // 清理所有MessagePort实例（针对Node环境的处理）
  if (global.MessageChannel) {
    const channels = Object.values(global).filter(val => val instanceof MessageChannel);
    channels.forEach(channel => {
      channel.port1.close();
      channel.port2.close();
    });
  }
});

4. 排查第三方依赖 #

逐步移除SysError组件的外部依赖，每次移除后执行测试，定位到哪个依赖导致了句柄残留。找到后查看该依赖的文档，是否有测试环境下的清理方法，或者在测试中手动mock掉该依赖的相关逻辑。

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