等待后如何测试数据

Question

我正在尝试添加一个测试来测试以下代码部分，但我不确定如何，因为输出表明行 60-109 未被发现。它看起来像这样：

public async ngOnInit() {
  const data = await this.requestAppService.getData()
  this.tableModel =  { // Line 60
    ...this.tableModel,
    rows: data.map(
      /*
      * Map data
      */
    )
  }

  this.subscriptions.push(
    /* Add a subscription */
  )
  // Line 109
}

我正在使用的测试如下所示：

it('...', fakeAsync(() => {
  const spy = spyOn(component, 'ngOnInit').and.callThrough()
  component.ngOnInit()
  tick()
  expect(spy).toHaveBeenCalled()
}))

这只是我认为我应该如何测试它的猜测，但它似乎并没有涵盖这些线条。 我也试过callFake，也不管用。

it('...', fakeAsync(() => {
  const spy = spyOn(component, 'ngOnInit').and.callFake(() => Promise.resolve())
  component.ngOnInit()
  tick()
  expect(spy).toHaveBeenCalled()
}))

Answer 1

问题在于spyOn 语句。你在监视ngOnInit 函数。您必须监视服务的 getData 函数。

如下图注入并使用requestAppService实例，

it('...', fakeAsync(() => {
  const spy = spyOn(requestAppService, 'getData').and.callThrough()
  component.ngOnInit()
  tick()
  expect(spy).toHaveBeenCalled()
}))

或

如果你想让getData给你一些模拟data或promise，

it('...', fakeAsync(() => {
      const spy = spyOn(requestAppService, 'getData').and.callFake(() => {
      return new Promise((resolve) => {
        resolve(YOUR_OBJECT);
      });
      component.ngOnInit()
      tick()
      expect(spy).toHaveBeenCalled()
 }))