Unit testing the intercept function in an Angular HTTP interceptor

Question

I've written an Angular 9 HTTP Interceptor, and I would like to unit test the intercept function in relative isolation. From what I've seen on StackOverflow already, people are suggesting to make fake HTTP requests or return a basic request, which isn't working for me as I use the .pipe method (TypeError: next.handle(...).pipe is not a function)

Here's my intercept function, what would you suggest to unit test this function please?

intercept(request: HttpRequest < unknown >, next: HttpHandler): Observable < HttpEvent < unknown >> {
  this.loadingService.show();
  return next.handle(request).pipe(
    catchError((error: HttpErrorResponse) => {
      if (error.status !== 401) {
        this.snackBar.open("There was an error when making your request! " + error.message, 'Okay, I will refresh the page', { duration: 10000 });
      }
      return throwError(error);
    }),
    finalize(
      () => {
        this.loadingService.hide()
      }
    )
  );
}

double-beep · Accepted Answer · 2020-05-27 09:13:36Z

0

I was able to solve my issue by adding the following in the providers section of

TestBed.configureTestingModule

By providing the HTTP_INTERCEPTORS the HttpClientTestingModule will use the interceptor I have made:

{
  provide: HTTP_INTERCEPTORS,
  useClass: LoadingInterceptor,
  multi: true
},

edited May 27, 2020 at 9:13

double-beep

5,67019 gold badges43 silver badges50 bronze badges

answered May 27, 2020 at 8:27

Will

117 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Unit testing the intercept function in an Angular HTTP interceptor

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related