在 HTTP 请求中测试 RxJS 映射函数

Question

我正在测试一个包含私有映射器方法的 Angular 服务，如下所示，我的目标是在 RxJS 映射中模拟该方法，因为它似乎没有经过覆盖测试。

这是我的 Jest 测试，但该方法似乎没有测试，也许我需要模拟私有方法？

 test('should test the download file', () => {
    const fakeurl = 'http://fakeurl';
    service.downloadFile(fakeurl).subscribe((resp: IDownload) => {
      expect(resp).toBe(mockDownloadedFile);
    });

    const req = httpMock.expectOne(request => request.url.includes(fakeurl), 'call api');
    expect(req.request.method).toBe('GET');
    req.flush(new Blob());
  });

Answer 1

我在想因为delay，你在subscribe 中的断言永远不会运行。

试试这个以确保订阅内部的断言正在运行

test('should test the download file', () => {
    const fakeurl = 'http://fakeurl';
    service.downloadFile(fakeurl).subscribe((resp: IDownload) => {
      expect(1).toBe(2); // this test should fail
      expect(resp).toBe(mockDownloadedFile);
    });

    const req = httpMock.expectOne(request => request.url.includes(fakeurl), 'call api');
    expect(req.request.method).toBe('GET');
    req.flush(new Blob());

    subscripton.unsubscribe(); // unusbscribe from previous subscription
  });

确保上述测试未能确保它实际上进入了断言的订阅块内部。如果它通过了，你就知道它没有进入订阅块。

对于您的情况，我会利用fakeAsync 以假的方式提前时间：

import { fakeAsync, tick } from "@angular/core/testing";
....
test('should test the download file', fakeAsync(() => { // add fakeAsync here
  const fakeurl = 'http://fakeurl';
  let response: IDownload;
  const subscription = service.downloadFile(fakeurl).subscribe((resp: IDownload) => {
    expect(1).toBe(2); // ensure this fails and remove it once you see it failing
    response = resp; // assign response here
  });

  const req = httpMock.expectOne(request => request.url.includes(fakeurl), 'call api');
  expect(req.request.method).toBe('GET');
  req.flush(new Blob());
  tick(3500); // advance the timer by 3500ms so it gets passed the delay
  expect(response).toBe(mockDownloadedFile);
}));

现在我认为既然您使用的是jest，那么您在使用fakeAsync 时就会遇到问题。也许将 test 更改为 it 看看是否适合您。