# Angular 9 中的测试：TestBed.inject 与提供者覆盖
Angular 是一个强大的前端框架，它提供了一系列的测试工具，帮助开发者保证他们的应用程序质量。在 Angular 9 中，测试是一个至关重要的环节，而其中的 `TestBed.inject` 和提供者覆盖是两个非常有用的功能，它们使得测试变得更加灵活和可靠。## TestBed.inject 简介`TestBed.inject` 是 Angular 测试工具包中的一部分，它允许我们在测试中访问依赖注入（DI）的服务。这在单元测试中非常有用，因为我们经常需要在测试中使用这些服务。考虑以下的服务示例：typescript// my-service.service.tsimport { Injectable } from '@angular/core';@Injectable({ providedIn: 'root',})export class MyService { getMessage(): string { return 'Hello, Angular!'; }}在测试中，我们可以使用 `TestBed.inject` 轻松获取该服务的实例：typescript// my-service.service.spec.tsimport { TestBed } from '@angular/core/testing';import { MyService } from './my-service.service';describe('MyService', () => { let service: MyService; beforeEach(() => { TestBed.configureTestingModule({}); service = TestBed.inject(MyService); }); it('should be created', () => { expect(service).toBeTruthy(); }); it('should return a greeting message', () => { const message = service.getMessage(); expect(message).toBe('Hello, Angular!'); });});通过 `TestBed.inject`，我们可以轻松地在测试中访问 `MyService` 的实例，并对其行为进行断言。## 提供者覆盖的重要性在 Angular 应用中，服务通常通过提供者进行注册。而在测试中，我们有时候希望覆盖这些提供者，以便更好地控制测试环境。这时，提供者覆盖就成为了必不可少的工具。假设我们有一个依赖于 `MyService` 的组件：typescript// my-component.component.tsimport { Component } from '@angular/core';import { MyService } from './my-service.service';@Component({ selector: 'app-my-component', template: '{{ message }}
',})export class MyComponent { message: string; constructor(private myService: MyService) { this.message = this.myService.getMessage(); }}在测试这个组件时，我们可以使用提供者覆盖来模拟 `MyService` 的行为：typescript// my-component.component.spec.tsimport { ComponentFixture, TestBed } from '@angular/core/testing';import { MyComponent } from './my-component.component';import { MyService } from './my-service.service';describe('MyComponent', () => { let component: MyComponent; let fixture: ComponentFixture; beforeEach(() => { TestBed.configureTestingModule({ declarations: [MyComponent], providers: [ { provide: MyService, useValue: { getMessage: () => 'Mocked message', }, }, ], }); fixture = TestBed.createComponent(MyComponent); component = fixture.componentInstance; fixture.detectChanges(); }); it('should create', () => { expect(component).toBeTruthy(); }); it('should display a custom message', () => { expect(component.message).toBe('Mocked message'); const compiled = fixture.nativeElement; expect(compiled.querySelector('p').textContent).toContain('Mocked message'); });}); 通过提供者覆盖，我们成功地模拟了 `MyService` 的行为，确保了测试的可靠性。## 在 Angular 9 中，通过 `TestBed.inject` 和提供者覆盖，我们能够更加轻松地进行单元测试。`TestBed.inject` 提供了一种简单的方式来获取服务的实例，而提供者覆盖则使得我们能够更好地控制测试中的依赖关系。通过这两个功能的灵活运用，我们可以确保 Angular 应用程序的可维护性和可测试性，为开发者提供更好的开发体验。在编写单元测试时，不仅要关注代码的覆盖率，还要注重测试的质量，确保测试能够真实地模拟应用程序的行为。