angular - 构造函数中的 SpyOn 服务函数调用

Question

我遇到了一个问题，试图监视在构造函数中调用的服务函数调用。测试是基本的，只是验证函数调用是否实际被调用。

 beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      providers: [TestService]
    }).compileComponents();
  }));

beforeEach(() => {

    fixture = TestBed.createComponent(AppComponent);
    let service = fixture.debugElement.injector.get(TestService);

    component = fixture.componentInstance;
    spyOn(service , "start").and.callThrough();

    fixture.detectChanges();
  });

 it('start gets called', () => {

    expect(service .start).toHaveBeenCalled();
  })

至于 AppComponent ，在构造函数中它只是调用 service.start()我认为问题是 spyOn 在创建组件后被调用，但我如何在注入(inject)服务之前监视它？即:

fixture = TestBed.createComponent(AppComponent);
let service = fixture.debugElement.injector.get(TestService);

Answer 1

在我看来，组件的构造函数在您设置 spy 时已被调用，因此需要稍微更改一下顺序。

beforeEach(() => {
  let service = TestBed.get(TestService);
  spyOn(service , "start").and.callThrough();
  fixture = TestBed.createComponent(AppComponent);
  component = fixture.componentInstance;
  fixture.detectChanges();
});

引用 Angular Test Bed