如何只声明一次translate模拟pipe供所有Angular Jest测试文件使用

你完全可以通过配置setup-jest.ts实现全局自动应用，无需在每个spec文件重复编写mock管道代码，操作方式如下：

配置步骤 #

1. 首先确认你的jest配置（jest.config.js或angular.json内的jest配置项）中，已经将setup-jest.ts加入到setupFilesAfterEnv数组，保证配置可以全局生效。
2. 在setup-jest.ts中添加如下代码：

import { Pipe, PipeTransform } from '@angular/core';
import { TestBed } from '@angular/core/testing';

// 全局Translate mock管道定义
@Pipe({
  name: 'translate'
})
class TranslateMockPipe implements PipeTransform {
  transform(query: string, ...args: any[]): any {
    return query;
  }
}

// 给所有测试用例的TestBed默认注入mock管道
beforeEach(() => {
  TestBed.configureTestingModule({
    declarations: [TranslateMockPipe],
    // 其他全局需要的mock服务、通用导入模块都可以统一加在这里
  });
});

注意事项 #

• 如果你有个别测试用例需要自定义translate管道的返回逻辑，只需要在对应spec文件的TestBed.configureTestingModule中重新声明同名管道即可，局部声明会覆盖全局配置，不影响特殊场景的测试需求。
• 如果你不想在setup-jest.ts中堆积过多mock代码，也可以将TranslateMockPipe单独抽离为公共文件，再导入到setup-jest.ts中使用即可。

可选简化方案 #

如果你不想通过全局配置实现，也可以将所有公共mock、管道、服务统一封装为一个公共测试模块，之后每个spec的测试模块只要导入该模块即可，同样可以减少冗余代码：

// testing-common.module.ts
import { NgModule } from '@angular/core';
import { TranslateMockPipe } from './mocks/translate.mock.pipe';

@NgModule({
  declarations: [TranslateMockPipe],
  exports: [TranslateMockPipe]
})
export class TestingCommonModule {}

在spec文件中使用时，只需要在测试模块配置中添加导入即可：

imports: [TestingCommonModule]

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