超时如何在 karma 中运行的角度测试中工作

Question

我喜欢使用控制台日志来获取反馈可能太多了，有时我会遇到按照惯例我们在指令/服务/控制器中添加 $timeout 的代码，有时长达 500 毫秒，现在问题出在单元测试，我注意到只有直接在 it 构造函数下的 console.logs 被发送到 karma 并输出到屏幕。

在超时下包装的控制台日志或者在 $timeout 下包装的断言不会产生任何结果，就像被忽略一样，超时的解决方案是什么？

Answer 1

在您的单元测试中，您加载了ngMock，它会用它的模拟覆盖原来的$timeout。模拟 $timeout 不像真正的 JavaScript timeout 那样工作。要让它调用其中的代码，您必须在单元测试中执行$timeout.flush()。

如果$timeout 像真正的timeout 一样工作，您将不得不为所有使用$timeout 的函数编写异步单元测试。

这是一个使用$timeout 的简化函数示例以及我如何测试它：

gaApi.getReport = function() {
  report = $q.defer()

  $timeout(function() {
    $http({method: 'GET', url: 'https://www.googleapis.com/analytics/v3/data/ga'})
      .success(function(body) {
        report.resolve(body)
      })
  }, 300)

  return report.promise
}

单元测试：

describe('getReport', function() {
  it('should return report data from Google Analytics', function() {
    gaApi.getReport().then(function(body) {
      expect(body.kind).toBe('analytics#gaData')
    })

    $timeout.flush()
    $httpBackend.flush()
  })
})