我正在使用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(); }));
解决方法
用这个:
spyOn(login,’onNext’).and.callThrough()