Angular Jest 中的 Testing.pipe

Question

我想測試以下.ts 文件：

create(entityResourceID, params: any): Observable <any>{
  const url = `${this.apiUrl}/${entityResourceID}/assignee`;
  return this.http.post(url, params).pipe(
    map(() => { this.toaster.success('Successfully Asssigned Email'); }),
    catchError((error) => [
      console.error(error),
      this.toaster.error('Failed Assigning Email')
    ])
  );
}

但是我目前收到錯誤.pipe is not a function

這是我當前的測試 spec.ts 文件：

describe('create', () => {
    it('should return a valid url', () => {
        const spy = jest.spyOn(mockHttpClient, 'post').mockReturnValue('test');
        const result = component.create(testEntityID, {});
        expect(spy).toBeCalledWith('entities/url/assignee', {});
        expect(result).toStrictEqual('test');
    });
});

我知道這很困難，因為我要返回一個 Observable 類型。 我需要從我的間諜返回一個 Observable，這樣我就可以測試我的兩個案例，但我該怎么做呢？

Answer 1

此錯誤是因為您模擬了post方法並返回了一個字符串值，而不是一個包含您的值的 Observable。 我不知道你是否使用 rxjs，但你可以這樣做..

import { of } from 'rxjs';

const spy = jest.spyOn(mockHttpClient,'post').mockReturnValue(of('test'));

of方法是Obeservable.of(yourValueHere)的簡寫方式