如何在 Angular 单元测试中有条件地刷新 $timeout

我的代码是这样的：

function doThing() {
  if (invalidInput) {
    console.error('Invalid input.');
    return;
  }

  $timeout(function() {
    MyService.doThing();
  }, 1000);
}

我想测试一下MyService.doThing当传入无效输入时不会调用。

如果我打电话doThing(invalidInput)不做$timeout.flush(), MyService.doThing无论我是否有第 2-5 行，都不会被调用。所以要真正测试是否MyService.doThing当传入无效输入时调用，我需要调用$timeout.flush.

问题是，如果我在没有什么可刷新的情况下尝试刷新，它会引发错误。Error: No deferred tasks to be flushed.

我该如何处理这种情况？我想做一些类似的事情$timeout.flushIfFlushable().

我建议定义两个单独的单元测试来验证您的行为doThing功能。尝试以下代码：

• 控制器

(function () {
  'use strict';

  angular.module('myApp', [])
    .controller('MainCtrl', function ($timeout, MyService) {
      var vm = this;

      vm.invalidInput = true;
      vm.doThing = doThing;

      function doThing() {
        if (vm.invalidInput) {
          return;
        }

        $timeout(function () {
          MyService.doThing();
        }, 1000);
      }

    });
})();

• Service

(function () {
  'use strict';

  angular.module('myApp').service('MyService', MyService);

  function MyService() {

    this.doThing = function () {
      // doThing code
    };
  }
})();

• 单元测试

'use strict';

describe('Controller: MainCtrl', function () {

  beforeEach(module('myApp'));

  var vm,
    $timeout,
    MyService;

  beforeEach(inject(function (_$controller_, _$timeout_, _MyService_) {
    $timeout = _$timeout_;
    MyService = _MyService_;
    vm = _$controller_('MainCtrl', {
      $timeout: $timeout,
      MyService: MyService
    });
  }));

  it('should call doThing for valid inputs', function () {
    spyOn(MyService, 'doThing').andCallThrough();

    vm.invalidInput = false;
    vm.doThing();
    $timeout.flush();
    expect(MyService.doThing).toHaveBeenCalled();
  });

  it('should not call doThing for invalid inputs', function () {
    spyOn(MyService, 'doThing').andCallThrough();

    vm.invalidInput = true;
    vm.doThing();
    expect(MyService.doThing).not.toHaveBeenCalled();
  });

});

通过第一次测试，我们期望调用MyService.doThing()功能。 另一方面，如果你有invalidInput as true，不应调用前一个函数。

我希望它有帮助。