Перехватчик модульного тестирования с пользовательским заголовком - PullRequest
Новая
       20

Перехватчик модульного тестирования с пользовательским заголовком

0 голосов
/ 15 октября 2018

Я пытался запустить тестовый модуль в перехватчике для Angular 6, однако после долгих проб и ошибок я получаю следующую ошибку:

Ошибка: ожидается один соответствующий запрос для критериев«Совпадение по функции:», не найдено.

Я новичок в NG6 и модульном тестировании на нем, и ничего не могу найти в документации

Вот чтоЯ получил:

Служба токенов (она является поддельной, поскольку не имеет связи с бэкэндом) 

export class TokenService {

token: EventEmitter<any> = new EventEmitter();

findTokenData(): Observable<any> {

    return Observable.create((observer: Observer<object>) => {
        observer.next({ headerName: x-fake, token: fake' });
        observer.complete();
    });
  }
}

Перехватчик покоя 

export class RestInterceptor implements HttpInterceptor {

constructor(public tokenService: TokenService) { }

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    console.log('request intercepted...');

    let authReq: HttpRequest<any>;
    const customHeadersMethods = ['POST', 'PUT', 'DELETE', 'PATCH'];

    // If the requested method is different GET or HEAD request the CSRF token from the service and add it to the headers
    if (customHeadersMethods.indexOf(req.method) !== -1) {
        this.tokenService.findTokenData().subscribe(res => {
            authReq = req.clone({
                headers: req.headers.set(res.headerName, res.token),
            });
        });

    } else {
        authReq = req.clone();
    }

    // send the newly created request
    return next.handle(authReq);
  }
}

спецификация перехватчика покоя 

describe('RestInterceptor', () => {
const mockTokenService = {
  headerName: 'x-fake',
  token: 'fake'
};

 beforeEach(() => {
   TestBed.configureTestingModule({
    imports: [HttpClientTestingModule],
    providers: [
    {
      provide: TokenService,
      useValue: mockTokenService
    },
    {
      provide: HTTP_INTERCEPTORS,
      useClass: RestInterceptor,
      multi: true
    }]
   });
  });

  afterEach(inject([HttpTestingController], (httpMock: HttpTestingController) => {
    httpMock.verify();
}));

  it('Should add a custom header', inject([HttpClient, HttpTestingController], (http: HttpClient, httpMock: HttpTestingController) => {

http.post('/data', {}).subscribe(
  response => {
    expect(response).toBeTruthy();
  }
);

const req = httpMock.expectOne(r =>
  r.headers.has(`${mockTokenService.headerName}`) && 
  r.headers.get(`${mockTokenService.headerName}`) === `${mockTokenService.token}`);

expect(req.request.method).toEqual('POST');   

httpMock.verify();
}));
});

Может кто-нибудь помочь мне понять, что мне не хватает?

1 Ответ

0 голосов
/ 15 октября 2018

Я думаю, вы упустили тот факт, что TokenService - это не просто значение, а класс с findTokenData методом, который возвращает Observable.

Вот что происходит:

Вы определили макет: 

const mockTokenService = {
  headerName: 'x-fake',
  token: 'fake'
};

Переопределено: 

{
  provide: TokenService,
  useValue: mockTokenService
},

Теперь Angular будет использовать этот объект mockTokenService в качестве значения, введенного в RestInterceptor и ... 

this.tokenService.findTokenData().subscribe(res => {
                      ||
                  undefined  => error

Вот что вы можете сделать, чтобы это исправить: 

import { of } from 'rxjs';
...
const mockToken = {
  headerName: 'x-fake',
  token: 'fake'
};
const mockTokenService = {
  findTokenData: () => {
    return of(mockToken);
  }
};
...
const req = httpMock.expectOne(r =>
  r.headers.has(`${mockToken.headerName}`) &&
  r.headers.get(`${mockToken.headerName}`) === `${mockToken.token}`);
...