Angular модульный тест Spinner Interceptor

Question

У меня есть перехватчик для http запроса. Для каждого запроса http показывается счетчик.

И я хочу написать модульный тест для этого перехватчика, чтобы проверить, правильно ли вызываются spinnerServiceSpy.show и spinnerServiceSpy.hide.

export class SpinnerInterceptor implements HttpInterceptor {
requestCount = 0;
constructor(private spinnerService: SpinnerService) { }

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    this.requestCount++;

        this.spinnerService.show();

    return next.handle(request)
        .pipe(
            finalize(() => {
                this.requestCount--;
                if (this.requestCount === 0) {
                    this.spinnerService.hide();
                }
            })
        );
}
}

As Вы можете видеть, что эта функция вызывается из оператора finalize () Rx JS. Модульный тест для этого перехватчика выглядит следующим образом:

describe(`SpinnerInterceptor`, () => {
let httpMock: HttpTestingController;
let service: ApiService;
let interceptor: SpinnerInterceptor;
const spinnerServiceSpy = jasmine.createSpyObj('SpinnerService', ['show', 'hide']);

beforeEach(() => {
    TestBed.configureTestingModule({
        imports: [HttpClientTestingModule],
        providers: [
            ApiService,
            SpinnerInterceptor,
            { provide: SpinnerService, useValue: spinnerServiceSpy },
            { provide: HTTP_INTERCEPTORS, useClass: SpinnerInterceptor, multi: true }
        ],
    });
    interceptor = TestBed.get(SpinnerInterceptor);
    service = TestBed.get(ApiService);
    httpMock = TestBed.get(HttpTestingController);
});

it('should hide spinner', () => {
    service.getCountRecords('Faculty')
    .pipe(
        finalize(() => expect(spinnerServiceSpy.hide).toHaveBeenCalledTimes(1)))
        .subscribe(res => {
            expect(spinnerServiceSpy.show).toHaveBeenCalledTimes(1);
        });
    httpMock.expectOne('Faculty/countRecords').flush({});
});

});

Но я получаю следующую ошибку Expected spy SpinnerService.hide to have been called once. It was called 0 times.

Answer 1

Попробуйте:

it('should hide spinner', async done => {
  await service.getCountRecords('Faculty').pipe(
    take(1), 
  ).toPromise()
   .then(res => {
      expect(spinnerServiceSpy.hide).toHaveBeenCalledTimes(1);
      expect(spinnerServiceSpy.show).toHaveBeenCalledTimes(1);
      done();
  });
  httpMock.expectOne('Faculty/countRecords').flush({});
});