在单元测试中设置服务提供者

Question

我有一个组件如下：

TS

export class CashFlowSalariesComponent implements OnInit, OnChanges {

...

constructor(
    public apiService: ApiService,
    private modalService: NgbModal,
    private toastr: ToastrService
  ) {}

  ngOnInit() {

  }
}

现在我想为它创建一个单元测试，所以我尝试

.spec.ts

describe('CashFlowSalariesComponent', () => {
    let component: CashFlowSalariesComponent;
    let fixture: ComponentFixture<CashFlowSalariesComponent>;
    let apiService: ApiService;


  
    beforeEach(async(() => {
      TestBed.configureTestingModule({
        schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
        imports: [
                            [RouterModule.forRoot([])],
                            RouterTestingModule,
                            FormsModule,
                            ReactiveFormsModule,
                            BrowserModule,
                            HttpClientTestingModule,
                        ],
        declarations: [ 
            CashFlowSalariesComponent,
        ],
        providers: [{provide: apiService}]

      })
      .compileComponents();
    }));
  
    beforeEach(() => {
      fixture = TestBed.createComponent(CashFlowSalariesComponent);
      component = fixture.componentInstance;
      fixture.detectChanges();
    });
  
    it('should create', () => {
      expect(component).toBeTruthy();
    });

但这是抛出一条错误消息：

NullInjectorError：StaticInjectorError（DynamicTestModule）[CashFlowSalariesComponent -> ApiService]：StaticInjectorError（平台：核心）[CashFlowSalariesComponent -> ApiService]：NullInjectorError：没有 ApiService 的提供者！

如您所见，我尝试将 ApiService 设置为提供者，但没有成功； 我究竟做错了什么？

Answer 1

provide 应该收到一个 class，然后如果你想存根，你也可以声明 useClass 或 useValue。

providers: [{provide: ApiService, useValue: {methodExample: ()=>null}}]

如果你不想模拟服务，你可以直接将 class 添加到提供者：

 providers: [ApiService]

Answer 2

定义依赖提供者的正确语法是：- [{ provide: apiService, useClass: ApiService }]是的，您可以使用 - useExisting、useFactory、useValue 属性代替 useClass。 请查看此页面：- https://angular.io/guide/dependency-injection-providers