单元测试，当调用的方法相同但参数不同（Jasmine 和 Angular）时，调用顺序是按顺序进行的

Question

我有一个 Angular 服务，该服务具有一个方法，该方法调用一个返回 observable 的 httpService 中的方法。 一旦该方法返回成功，就会对 httpService 的同一方法进行一系列并行调用，但使用不同的参数来保存一些图像。

我正在尝试对调用以正确的顺序和正确的参数进行单元测试。 当我尝试使用间谍和 .toHaveBeenCalled() 时，我只能得到 Jasmine 识别的第一个呼叫。

我假设它与时间有关，但我迷路了，找不到此用例的任何示例。任何指导将不胜感激。

编辑：代码 100% 工作，我的问题是如何为序列调用编写单元测试。

// 服务

// HttpS is a custom service that makes HTTP requests
constructor(private httpS: HttpS) {
}

save(params: {images: any[]}): Observable<any> {
   return this.saveEntry(params);
}

private saveEntry(params: {images: any[]}): Observable<any> {
  return this.httpS.put('url', {something: 'something'}).pipe(
    // once this request is successful, make parallel requests
    concatMap(() => {
      const reqs = [];
      params.images.forEach(image => {
        reqs.push(this.saveImage({ image }));
      });
    
      return forkJoin(reqs);
    })
  );
}

private saveImage(data: {image: any}): Observable<any> {
  return this.httpS.put('url',{imgData: data.image});
}

// 测试

describe('save', () => {

  it('should make a PUT request with something, then on success multiple parallel PUT requests with imgData', () => {

   spyOn(httpService, 'put').and.callFake(() => cold('-a|', { a: {} }));
   service.save(data).pipe(take(1)).subscribe();
   
   // The mock data I'm passing has 3 images so it results in 1 call first, then 3 in parallel, 1 for each image, but this test says it has been called just once.
   expect(httpS.put).toHaveBeenCalledTimes(4);

   // Trying .toHaveBeenCalledWith() but obviously that fails too

  })
})

Answer 1

我认为这与 subscribe 的运行时间比您的断言晚（由于异步性质）有关。

试试这个：

describe('save', () => {

  it('should make a PUT request with something, then on success multiple parallel PUT requests with imgData', (done) => { // add done to tell Jasmine when you're done with unit test

   spyOn(httpService, 'put').and.callFake(() => cold('-a|', { a: {} }));
   service.save(data).pipe(take(1)).subscribe(response => {
     expect(httpS.put).toHaveBeenCalledTimes(4); // make assertion once the response comes back
     done(); // call done to let Jasmine know you're done with the test
   });
  
  })
})