开玩笑的tohavebeencalled无法观看所谓的方法

Question

我正在为 Angular 应用程序编写单元测试。我尝试测试的方法如下：

onUrlEntry() {
    const fileUrl = this.componentForm.get('fileUrl');
    
    if(fileUrl?.value) {
      this.URLService
      .getMetadataFromUrl(fileUrl?.value)
      .subscribe((metadataFileContent) => {
        // ...
      }, (err: HttpErrorResponse) => {
        // ...
      });
    }
}

在规范文件中，我为 fetchURLService > 创建了一个存根。 getMetadataFromUrl 方法：

class URLServiceStub {
  getMetadataFromUrl(url: string) {
    return undefined;
  }
}

我在 TestBed 内部提供此类：

providers: [
{ provide: URLService, useClass: URLServiceStub },
]

这是服务：

@Injectable({
  providedIn: 'root',
})
export class URLService{
  constructor(private httpClient: HttpClient) {}

  getMetadataFromUrl(url: string) {
    return this.httpClient.get(url, { responseType: 'text' });
  }
}

现在进行单元测试：

it('should call getMetadataFromUrl()', fakeAsync(() => {
      const mockMetadataFromUrl = 'testMetaData';

      const getMetadataFromUrlSpy = jest
        .spyOn(URLService , 'getMetadataFromUrl')
        .mockReturnValue(of(mockMetadataFromUrl));

      fixture.detectChanges();
      component.onUrlEntry();

      expect(getMetadataFromUrlSpy).toHaveBeenCalled();
}));

这没有执行。请帮帮我。

谢谢！

Answer 1

我认为您需要确保 fileUrl 表单值具有值，因为它很可能不会进入 if 检查内部。

试试这个：

it('should call getMetadataFromUrl()', fakeAsync(() => {
      const mockMetadataFromUrl = 'testMetaData';

      const getMetadataFromUrlSpy = jest
        .spyOn(URLService , 'getMetadataFromUrl')
        .mockReturnValue(of(mockMetadataFromUrl));
      // !! set a value
      component.componentForm.get('fileUrl').setValue('abc');

      fixture.detectChanges();
      component.onUrlEntry();
      // !! wait for the subscription to finish (could be optional)
      tick();
      expect(getMetadataFromUrlSpy).toHaveBeenCalled();
}));