Mocking Observable вызывает ошибку в Jest

Я пытаюсь издеваться над PUT зов HttpClientAngular кидать ошибку. Я используюthrowErrorдля этого. Не работает. Что я должен изменить, чтобы он выдал ошибку и вызвалhandleErrorметод? Я использую Jest.

it(`should call the 'handleError' method when a request to store data was not successful`, () => {
    const error: HttpErrorResponse = {
      status: 401,
      message: 'You are not logged in',
    } as HttpErrorResponse;

    jest.spyOn(httpClientServiceMock, 'put').mockReturnValue(throwError(error));
    const spy = jest.spyOn(httpService, 'handleError');

    httpService.requestCall('some-url', ApiMethod.PUT, {});
    expect(spy).toBeCalled();
  });

служебный файл

  requestCall(url: string, method: ApiMethod, data?: any): Observable<any> {
    const headers = {
      'X-XSRF-TOKEN': this.xsrfToken,
      'Content-Type': 'application/json; charset=UTF-8',
    };

    const requestConfig = {
      withCredentials: true,
      headers,
    };

    switch (method) {
      case ApiMethod.GET:
        return this._http.get(url, { withCredentials: true });
      case ApiMethod.PUT:
        return this._http
          .put(url, data, requestConfig)
          .pipe(catchError((error) => this.handleError(error)));
    }
  }

  handleError(error: HttpErrorResponse): any {
    if (error.error instanceof ErrorEvent) {
      console.error(`An error occurred: ${error.error.message}`);
    }

    return throwError({ error: error.message, status: error.status });
  }
Источник

3 ответа

Решение

Вы были довольно близки!

Вы должны подписаться на наблюдаемое, возвращаемое изhttpService.requestCall('some-url', ApiMethod.PUT, {})функция. Требуются дополнительные изменения, так как это асинхронный

const { of , throwError, operators: {
    catchError
  }
} = rxjs;

const httpClientServiceMock = {
  put: () => of ({
    value: 'test'
  })
};

const httpService = {
  requestCall(url, data, requestConfig) {

    return httpClientServiceMock
      .put(url, data, requestConfig)
      .pipe(catchError((error) => this.handleError(error)));
  },
  handleError(error) {
    return throwError({});
  }
};
const ApiMethod = {
  PUT: ''
}



const {
  expect,
  test,
  run,
  it,
  describe,
  jest
} = jestLite.core;

describe('httpService', () => {

  it(`should call the 'handleError' method when a request to store data was not successful`, done => {
    const error = {
      status: 401,
      message: 'You are not logged in',
    }

    jest.spyOn(httpClientServiceMock, 'put').mockReturnValue(throwError(error));
    const spy = jest.spyOn(httpService, 'handleError');

    httpService
      .requestCall('some-url', ApiMethod.PUT, {})
      .subscribe(pr => {
        done.fail(new Error(`It shouldn't go this path!`))
      }, error => {
        expect(spy).toBeCalled();
        done();
      });

  });

});

run().then(result => {
  console.log(result[0]);
})
<script src="https://cdn.jsdelivr.net/npm/jest-lite@1.0.0-alpha.4/dist/core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.5/rxjs.umd.js"></script>

Источник

Как уже указывалось в другом ответе, вы должны подписаться на возвращаемый наблюдаемый.

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

let testScheduler;

beforeEach(() => testScheduler = new TestScheduler(assertionFn))

it(`should call the 'handleError' method when a request to store data was not successful`, () => {
  const error: HttpErrorResponse = {
    status: 401,
    message: 'You are not logged in',
  } as HttpErrorResponse;

  jest.spyOn(httpClientServiceMock, 'put').mockReturnValue(throwError(error));
  const spy = jest.spyOn(httpService, 'handleError');

  testScheduler.run(({ cold, expectObservable }) => {
    const src$ = httpService.requestCall('some-url', ApiMethod.PUT, {});

    expectObservable(src$).toBe('#', null, { error: error.message, status: error.status });
    expect(spy).toBeCalled();
  });
});

TestScheduler доступен в rxjs/testing и runОбратный вызов предоставляет несколько помощников, например: cold, hot, flush, expectObservable, expectSubscriptions а также time.

Что мне лично нравится в этом, так это то, что все синхронно, поэтому вам, возможно, не придется звонить done() при таком подходе.

Источник

throwError('Message')устарело, вместо этого используйтеthrowError(callback)

пример:

           jest.spyOn(serviceClass,'serviceMethodName').mockReturnValueOnce(throwError(()=> {new Error('FAIL')}))
Источник
Другие вопросы по тегам