angular service中catcherror管道功能的单元测试

Question

我尝试了解如何测试此功能。 从(err)=>{ line,它显示为未覆盖的语句。 服务.ts

Deletevote(inp) {
   console.log(inp);
     
   return this.http.post(environment.apiUrl + '/api/reset/abc', inp).pipe(
      catchError((err) => {
         console.log('error caught in service');
         console.error(err);
         return throwError(err);
      })
   );
}

我已经为正流创建了这个测试用例，但仍然没有涵盖 err 部分。 请指导我如何创建错误。

服务规范

const Mockcolor = 'green';
const MockGen = 'male';

it('submitnominGreen', () => {
    service.Deletevote(DeleteObj).subscribe((posts) =>{
      expect(posts).toEqual([Mockcolor,MockGen], 'should check mock data');
    });
    const req =  httpTestCtrl.expectOne(environment.apiUrl + '/api/reset/abc');
    expect(req.request.method).toBe('POST');
    expect(req.cancelled).toBeFalsy();
    req.flush([Mockcolor,MockGen])
});

Answer 1

首先，单元测试subscribe里面的代码不会被执行。 Karma 将等待所有同步执行完成，并在执行异步回调之前认为测试已完成。 作为解决方案，您可以使用done回调来指示何时手动完成测试。

您在利用 HttpTestingModule 进行测试方面做得很好。 它也允许您轻松测试错误。 您可以使用req.error方法来模拟 HTTP 错误，而不是req.flush 。

it('submitnominGreen', (done) => {
    const mockError = {error: 'someError'} as ErrorEvent;
    service.Deletevote(DeleteObj).subscribe(() => {}, (thrownError) =>{
      expect(thrownError.error).toEqual(mockError);
      done();
    });
    const req =  httpTestCtrl.expectOne(environment.apiUrl + '/api/reset/abc');
    req.error(mockError);
});

看看这篇不错的文章的Error handling部分： 测试 Angular HTTP 通信。 这对其他一些场景也有帮助。