角度服务中catcherror管道功能的单元测试

Question

我尝试了解如何测试此功能。来自(err)=>{ line,，它显示为未覆盖的声明。 service.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);
      })
   );
}

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

service.spec.ts

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 方法代替req.flush 来模拟HTTP 错误。

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 部分：Testing Angular HTTP Communication。这对其他一些场景也有帮助。