角 - 测试简单拦截器

Question

我尝试了如此努力，但是对于这样的简单拦截器，我似乎无法弄清楚如何正确创建Spec.ts文件（为了拥有100％的代码覆盖范围）：

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  constructor(private errorService: ErrorService, private cookieService: CookieService) {}

  intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
    // Handle cookies
    request = request.clone({
      headers: new HttpHeaders({
        'X-Csrf-Token': this.cookieService.get(Constants.COOKIES_KEYS.DTM_CSRF_TOKEN),
        SessionId: this.cookieService.get(Constants.COOKIES_KEYS.DTM_SESSION_ID)
      })
    });
    return next.handle(request);
  }
}

这是我已经达到的一点到目前为止：

describe('AuthInterceptor', () => {
  let interceptor: AuthInterceptor;
  let cookieService: CookieService;

  beforeEach(() =>
    TestBed.configureTestingModule({
      imports: [RouterTestingModule, HttpClientTestingModule],
      providers: [AuthInterceptor]
    })
  );

  beforeEach(() => {
    interceptor = TestBed.inject(AuthInterceptor);
    cookieService = TestBed.inject(CookieService);
  });

  it('should be created', () => {
    expect(interceptor).toBeTruthy();
  });

  it(
    'should replace request headers',
    waitForAsync(() => {
      const endpoint = `${environment.apiHost}/${environment.apiUrl}/v1/user`;
      const mockReq = new HttpRequest('GET', endpoint);
      const next: HttpHandler = {
        handle: () => {
          return new Observable<HttpEvent<any>>(subscriber => {
            subscriber.complete();
          });
        }
      };
      const cookieServiceGetSpy = spyOn(cookieService, 'get');
      cookieServiceGetSpy.withArgs(Constants.COOKIES_KEYS.DTM_CSRF_TOKEN).and.returnValue('testToken');
      cookieServiceGetSpy.withArgs(Constants.COOKIES_KEYS.DTM_SESSION_ID).and.returnValue('testSessionId');
      interceptor.intercept(mockReq, next).subscribe(response => {
        expect(response).toBeTruthy();
        expect(mockReq.headers.get('X-Csrf-Token')).toBe('testToken');
        expect(mockReq.headers.get('SessionId')).toBe('testSessionId');
      });
    })
  );
});

我的主要问题是在执行“截距”订阅后没有触发“期望”呼叫（第一个场景Wihtouth waitforasync'子句），当在“ waitforasync”条款中插入时，业力也没有识别。

您会介意显示这样的最基本拦截器的最正确方法吗？

先感谢您。

是

Answer 1

我设法通过调整Spec.TS文件来解决此问题：

describe('AuthInterceptor', () => {
  let interceptor: AuthInterceptor;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [RouterTestingModule, HttpClientTestingModule],
      providers: [AuthInterceptor]
    });
    interceptor = TestBed.inject(AuthInterceptor);
  });

  it('should be created', () => {
    expect(interceptor).toBeTruthy();
  });

  it('should replace request headers', done => {
    const mockReq = new HttpRequest('GET', '/test');
    const requestCloneSpy = spyOn(mockReq, 'clone');
    const next: any = {
      handle: () => {
        return of({ status: ApiResponseStatus.OK } as ApiResponse);
      }
    };
    interceptor.intercept(mockReq, next).subscribe(() => {
      expect(requestCloneSpy).toHaveBeenCalled();
      done();
    });
  });
});