spyonを使用した場合のコードカバレッジの問題

Question

私はcomponent（Angular2アプリ）のunit testをKarma-Jasmineで書いています。また、コードカバレッジレポートにはIstanbulを使用しています。

は、ここであなたが見ることができるように、私はそれがnextbutton clickで呼び出さかなっているかどうかを確認するためにspying on onNext function午前私のテストケース、

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関数が含まれていないことが示されています。

何が間違っていますか？

そして、私はonNext機能をスパイしていない場合にも、機能がカバーされ、

it('Should Invoke onNext function', 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(); 
    })); 

Answer 1

この使用：スパイが実際に置き換えるので

spyOn(login, 'onNext').and.callThrough()