如何在Angular项目中使用Jest与Spectator实现模块全局导入

Jest + Spectator 技术栈完全支持全局模块导入与依赖注入，无需使用Karma专属的test.js配置，操作方式如下：

1. 定位Jest全局测试入口文件 #

Angular项目搭配Jest使用时，通常会在src目录下存在test-setup.ts（部分项目命名为jest.setup.ts），作为所有测试运行前的全局预执行文件。

2. 配置Spectator全局规则 #

在上述入口文件中调用Spectator提供的setGlobalConfigAPI，统一配置全局需要导入的翻译模块、依赖提供方即可，以下为ngx-translate场景的示例配置：

import { setGlobalConfig } from '@ngneat/spectator';
import { TranslateModule, TranslateService } from '@ngx-translate/core';
import { of } from 'rxjs';

setGlobalConfig({
  // 全局导入通用模块，无需在每个单测中重复引入
  imports: [
    TranslateModule.forRoot()
  ],
  // 全局注册通用服务，也可替换为自定义Mock实现
  providers: [
    // 如无需真实翻译能力，可直接用Mock减少测试依赖
    // { provide: TranslateService, useValue: { instant: (key: string) => key, get: (key: string) => of(key) } }
    TranslateService
  ],
  // 其他全局通用配置可统一在此声明，例如全局禁用动画
  disableAnimations: true
});

3. 确认Jest配置关联入口文件 #

打开项目根目录的jest.config.js，确保setupFilesAfterEnv配置项已经关联上述入口文件：

module.exports = {
  // 其余Jest配置保持不变
  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts']
};

配置完成后重启测试服务即可生效，所有Spectator测试用例会自动继承全局配置的导入与注入规则。如果部分单测需要特殊配置，直接在对应单测的工厂函数参数中声明imports/providers即可，单测级别的配置优先级高于全局配置。

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