Angular 7中的subscribe方法内部的代码覆盖行

Question

我有以下代码，无法使用Istanbul测试红色的行：

测试如下，但未检测到错误：

it('should set user info JSON to local storage after successful authentication', async(() => {
    component.loginForm.get('username').setValue('test');
    component.loginForm.get('passwd').setValue('test');

    spyOn(loginService, 'postLogin').and.returnValues(of({}));

    component.sendLoginForm();

    expect(component.loginFormSuccess).toEqual(true);
    expect(component.loginFormFail).toEqual(false);

    component.loggedInUserJSON = '{"login":"test","password":"test"}';
    localStorage.setItem('loggedInUserJSON', component.loggedInUserJSON);
    fakeLocalStorage.setItem('loggedInUserJSON', component.loggedInUserJSON);

    expect(localStorage.getItem('loggedInUserJSON')).toBe(component.loggedInUserJSON);
    expect(fakeLocalStorage.getItem('loggedInUserJSON')).toBe(component.loggedInUserJSON);

    expect(component.loggedInUserJSON).toBe('{"login":"test","password":"test"}');

    expect(component.postLoginObservable).toBeTruthy();
}));

Answer 1

当您监视该服务时，请在订阅中返回以下内容，它正在寻找它：

 spyOn(loginService, 'postLogin').and.returnValues(of({
  result : {
     httpStatus : 200
  }
}));

因此，在执行测试时，它将查找条件(response.result.httpStatus === 200)，该条件评估为 true

同样，在另一个测试中，将httpStatus添加为400，以便它执行另一个 条件并监视方法showInvalidAuthentication并期望它被调用。

要检查布线部分，

let routerStub = { navigate: jasmine.createSpy('navigate') };

并将其添加到privider中：

providers: [{ provide: Router, useValue: routerStub }]

在测试中，当httpStatus为200时，请期待以下内容

 expect(routerStub.navigate).toHaveBeenCalledWith(['/home']);

使用上述方法，您的测试将覆盖第110 & 113行