Angular单元测试TestBed依赖配置与构造函数测试问题咨询

• 首先明确Angular单元测试中TestBed三个配置项的作用：imports用来引入模块类，providers用来注册可注入的服务/依赖项，目前Angular官方已不推荐使用dependencies配置，常规测试仅需配置前两个即可。
• 针对你给出的构造函数注入项，分类规则如下：
  • 框架/第三方提供的服务，优先选测试专用模块导入到imports：比如FormBuilder可以通过导入ReactiveFormsModule获取，Router、ActivatedRoute可以通过导入RouterTestingModule获取，MatDialog可以通过导入MatDialogTestingModule获取。如果要做更轻量化的单元测试，也可以直接把这些服务的Mock对象放到providers中，不用导入完整模块。
  • 自定义业务服务（EmployeeService、CustomerService、PagesService）、第三方非模块化服务（NGXLogger），单元测试不需要使用真实实例，全部写Mock对象放到providers即可，避免耦合业务逻辑、提升测试运行速度。
• 对应你场景的基础配置示例：

beforeEach(async () => {
  await TestBed.configureTestingModule({
    imports: [ReactiveFormsModule, RouterTestingModule, MatDialogModule],
    providers: [
      // 自定义服务全Mock，后面的数组填你组件用到的对应服务的方法名
      { provide: EmployeeService, useValue: jasmine.createSpyObj('EmployeeService', ['xxxMethod']) },
      { provide: CustomerService, useValue: jasmine.createSpyObj('CustomerService', ['xxxMethod']) },
      { provide: PagesService, useValue: jasmine.createSpyObj('PagesService', ['xxxMethod']) },
      { provide: NGXLogger, useValue: jasmine.createSpyObj('NGXLogger', ['info', 'error', 'debug']) }
    ],
    declarations: [你的组件类名]
  }).compileComponents();
});

你遇到的customerDetails报错，本质是测试环境下ActivatedRoute的data流没有返回你预期的CustomerResolver属性，和模块声明没有必然关联，按以下步骤处理即可：

• 第一步：自定义Mock ActivatedRoute，替换默认的测试路由实例，直接在providers里配置即可，比导入RouterTestingModule更灵活：

import { of } from 'rxjs';
// 提前定义mock的路由数据
const mockCustomerData = { CustomerResolver: { id: 1, name: '测试客户' } };

// 在TestBed的providers里新增配置
{ provide: ActivatedRoute, useValue: { data: of(mockCustomerData) } }

• 第二步：编写测试用例验证逻辑，构造函数的逻辑会在组件实例化时自动执行，只要在实例化前配置好mock数据即可验证：

it('应该正确从路由data中获取CustomerResolver数据', () => {
  // 实例化组件，触发构造函数执行
  const fixture = TestBed.createComponent(你的组件类名);
  const component = fixture.componentInstance;
  // 如果你把customerDetails存成了组件类的属性，直接断言即可；如果是局部变量，可以断言依赖该变量的后续逻辑是否正常执行
  expect(component.customerDetails).toEqual(mockCustomerData.CustomerResolver);
});

• 注意：如果customerDetails是构造函数内部的局部变量，你可以通过验证后续依赖customerDetails的逻辑是否正确执行来间接验证，或者把customerDetails抽到组件类的公共/私有属性上，方便测试断言。

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