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

这是我的测试用例,

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(); }));