angular 8 單元測試與 http 后 catchError 的玩笑

Question

您好，我想要 http 帖子的單元測試覆蓋 catchError 分支：

 getSession() {
    const options = {
      headers: {
        'Content-Type': 'application/json',
        'Accept-API-Version': 'resource=2.0'
      }
    };
    return this.http.post(SESSION_REST_API_URL, '', options as any)
      .pipe(
        timeoutWith(10000, throwError(new Error('exceeded'))),
        catchError((error: any) => throwError(error))
      );
  }

在我的測試“它”中，我嘗試在訂閱此帖子時收聽toHaveReturnedWith和toEqual但未涵蓋：

it('should throwError', () => {
  // arrange
  const error = throwError({error: 400});
  const options = {headers: {'Content-Type': 'application/json',, 'Accept-API-Version': 'resource=2.0'}}
  ;
  UtilsTest.mockReturnValue(service['http'], 'post', throwError(error));
  // act
  service.getSession();
  // assert 1
  expect(service['http'].post(SESSION_REST_API_URL, '', options)).toHaveReturnedWith(of({error: 400}));
  // assert 2
  expect(loginCredentialsService.getSessionJsonResponse()).toHaveReturnedWith(error)
  // assert 3
  service['http'].post(SESSION_REST_API_URL, '', options).subscribe({
    error: (err) => {
      expect(err).toEqual({error: 400});
    }
  });
});

一些 id 來實現這一目標？

Answer 1

目前尚不清楚，但似乎您需要等到訂閱者開火。 您可以為此使用 Marble 測試 ( https://rxjs-dev.firebaseapp.com/guide/testing/marble-testing )。 或者如果它很簡單，你可以使用如下所示

您好，我想要 http 帖子的單元測試覆蓋 catchError 分支：

it('should throwError', (done) => {
  .....
  service['http'].post(SESSION_REST_API_URL, '', options).subscribe({
    error: (err) => {
      expect(err).toEqual({error: 400});
      done();
    }
  });
});