如何修复Angular无Zone应用的单元测试警告？

• Jest测试环境或相关预设（如jest-preset-angular、@angular-builders/jest）默认注入Zone.js：Angular传统测试依赖Zone.js处理异步任务调度，部分测试工具的旧版本或默认配置仍会自动加载Zone.js，即使应用已切换到无Zone模式。
• 第三方依赖隐式引入Zone.js：部分组件库、测试辅助库可能未适配无Zone模式，内部仍依赖并导入Zone.js。
• 测试配置/初始化残留Zone相关代码：setup-jest.ts、jest.config.js等配置文件中可能仍保留import 'zone.js/testing'或Zone相关的初始化逻辑。
• TestBed默认配置未完全禁用Zone：即使添加了provideExperimentalZonelessChangeDetection()，TestBed的全局测试环境初始化可能仍默认启用Zone相关检测。

1. 清理测试配置中的Zone.js依赖

   • 检查setup-jest.ts（或测试入口文件），删除所有import 'zone.js'、import 'zone.js/testing'的语句。
   • 在jest.config.js中，确保setupFilesAfterEnv或setupFiles数组中没有引入Zone相关的文件。

2. 配置TestBed全局测试环境为无Zone模式
   在setup-jest.ts中显式初始化TestBed时传入无Zone配置：

   import { TestBed } from '@angular/core/testing';
   import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
   import { provideExperimentalZonelessChangeDetection } from '@angular/core';
   
   TestBed.initTestEnvironment(
     BrowserDynamicTestingModule,
     platformBrowserDynamicTesting(),
     {
       providers: [provideExperimentalZonelessChangeDetection()],
       teardown: { destroyAfterEach: true }
     }
   );
   

3. 排查并处理第三方依赖的Zone.js引入

   • 运行npm ls zone.js查看所有依赖树，定位引入Zone.js的包：

     npm ls zone.js
     

   • 升级相关依赖到适配Angular 19无Zone模式的版本，若无法升级，可在package.json中添加resolutions强制排除Zone.js（需谨慎，可能导致依赖异常）：

     "resolutions": {
       "zone.js": "0.0.0"
     }
     

4. 调整Jest预设配置

   • 若使用jest-preset-angular，升级到最新版本（需适配Angular 19），并在jest.config.js中添加配置禁用Zone：

     module.exports = {
       preset: 'jest-preset-angular',
       setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
       globals: {
         'ts-jest': {
           tsconfig: '<rootDir>/tsconfig.spec.json',
           stringifyContentPathRegex: '\\.(html|svg)$',
           astTransformers: {
             before: [
               'jest-preset-angular/build/InlineFilesTransformer',
               'jest-preset-angular/build/StripStylesTransformer'
             ]
           },
           useZone: false
         }
       }
     };
     

5. 清理Jest缓存
   运行命令清除缓存，避免旧代码残留导致的Zone.js加载：

   npx jest --clearCache
   

6. 验证单个测试的配置
   确保每个spec文件的TestBed.configureTestingModule中正确注入provideExperimentalZonelessChangeDetection()，且未残留Zone相关配置：

   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [YourComponent],
       providers: [provideExperimentalZonelessChangeDetection()]
     }).compileComponents();
   });
   

内容的提问来源于stack exchange，提问作者k.vincent