angular – 使用spyon时的代码覆盖率问题

我正在使用Karma-Jasmine为我的组件(Angular2应用程序)编写单元测试.我正在利用伊斯坦布尔的代码覆盖率报告.

这是我的测试用例,

it('Should Invoke onNext function',async(() => {
    const fixture = TESTBed.createComponent(LoginComponent);
    fixture.detectChanges();
    const login = fixture.componenTinstance;

    spyOn(login,'onNext');

    let email = fixture.debugElement.nativeElement.querySELEctor("input[name='username']");
    email.value = "email";

    let nextButton = fixture.debugElement.nativeElement.querySELEctorAll("button")[1];
    nextButton.click();

    fixture.whenStable().then(() => {
      expect(login.onNext).toHaveBeenCalled();
    })
  }));

正如你所看到的那样,我正在监视onNext函数,以验证是否在Nextbutton click上调用它.它工作正常,测试通过.

但是我的“登录”页面的代码覆盖率报告显示未涵盖onNext函数.

我究竟做错了什么？？

如果我不监视onNext函数,该函数也会被覆盖,async(() => { const fixture = TESTBed.createComponent(LoginComponent); fixture.detectChanges(); const login = fixture.componenTinstance; let email = fixture.debugElement.nativeElement.querySELEctor("input[name='username']"); email.value = "email"; let nextButton = fixture.debugElement.nativeElement.querySELEctorAll("button")[1]; nextButton.click(); }));