在单元测试中创建导入服务提供商列表

Question

我是 Angular 的新手，我有一个新团队告诉我用 Angular 8 对一个旧项目实施单元测试。所以在调查之后，我决定使用 Karma + Jasmine，我创建了.spect.ts文档这个：

 describe("CashFlowSalariesComponent", () => { let fixture: ComponentFixture < CashFlowSalariesComponent >; let instance; let profile: ProfileModel; beforeEach(async() => { TestBed.configureTestingModule({ schemas: [CUSTOM_ELEMENTS_SCHEMA], imports: [ RouterTestingModule, FormsModule, ReactiveFormsModule, BrowserModule, HttpClientModule, ToastrModule.forRoot({ positionClass: "toast-bottom-right", }), ], declarations: [CashFlowSalariesComponent], providers: [ ApiService, UserService, ProfileService, VettingStatusService, SkillService, ApplicationRoleService, SeniorityLevelService, PlacementStatusService, EducationLevelService, UtilsService, ShirtSizeService, GenderService, TimeZoneService, CountryService, CityService, PostalCodeService, StateService, ClientSectorService, JobService, ClientService, PulsecheckQuestionService, PulsecheckMasterService, ExchangeRateService, DepartmentService, ExpenseService, ProfileRoleService, SkillCategoriesService, ProfileActivityService, ProfileSalaryActivityService, TimeSheetService, HolidayService, RequestTimeOffService, TimeOffTypeService, InvoiceService, PulsecheckDetailService, ], }).compileComponents(); fixture = TestBed.createComponent(CashFlowSalariesComponent); instance = fixture.componentInstance; fixture.detectChanges(); profile = new ProfileModel(); (instance as any).exchangeRate = 18.92; }); afterEach(() => { fixture.destroy(); }); it("To test instance creation of component", () => { expect(instance).toBeTruthy(); });

如您所见，我不得不从提供者导入许多服务，因为我的 ApiService 已经注入了它们，所以如果我不添加它们，它会返回如下错误：

NullInjectorError：{serviceName} 没有提供者！

因此，每次我在每个组件上调用 ApiService 时，开发人员都应该从该组件复制并粘贴所有服务。 所以我的问题是：这是一种创建 class 的方法，还是可以一次性导入所有提供程序而无需每次都复制和粘贴代码的方法？ 我怎样才能做到这一点？

Answer 1

有两件事可以帮助您解决问题：

• 您可以将您的服务定义为providedIn: 'root'在这种情况下您不需要在任何模块或测试中提供它们。 Angular 会自动解决它们。

例子：

@Injectable({ providedIn: 'root' })
export class UserService {}

• 您还可以在test.ts文件中定义全局提供程序。

例子：

@NgModule({ 
    imports: [RouterTestingModule, HttpClientTestingModule], 
    providers: [...],
})
class GlobalTestingSetupModule {}


TestBed.initTestEnvironment([BrowserDynamicTestingModule, GlobalTestingSetupModule], platformBrowserDynamicTesting());

此外，在单元测试中最好使用HttpClientTestingModule而不是HttpClientModule 。