3

所以这就是我的问题：

我有一个指令：

  autocompleteDirective.$inject = ['$timeout'];
  function autocompleteDirective($timeout) {
    return {
      restrict: 'E',
      scope: {
        searchParam: '=ngModel',
        suggestions: '=data',
        onType: '=onType',
        onSelect: '=onSelect',
        autocompleteRequired: '='
      },
      controller: autocompleteController,
      link: autocompleteLink,
      templateUrl:'modules/components/autocomplete/templates/autocomplete.html'
    };
  }

我的链接功能如下所示：

function autocompleteLink(scope, element, attrs) {

    $timeout(function() {
      scope.initLock = false;
      scope.$apply();
    }, 250);
  .... some other code 

}

和我的控制器（不是很相关）：

  autocompleteController.$inject = ['$scope'];
  function autocompleteController($scope) { 

  //scope code
}

在我的链接函数中，我有一个（目前）使用 setTimeout 的函数：

  if (attrs.clickActivation) {
      element[0].onclick = function() {
        if (!scope.searchParam) {
          setTimeout(function() {
            scope.completing = true;
            scope.$apply();
          }, 200);
        }
      };
    }

我想对这个特定的代码块进行单元测试，但是我的单元测试失败了：

elem.triggerHandler('click');
      expect(scope.completing).to.equal(true);

即使在覆盖率报告中，我可以看到单击 triggerHandler 时逻辑确实成功执行。

我认为罪魁祸首是超时。

挖掘 SO 和其他网站，我发现使用 $timeout 效果最好，因为它暴露于“flush()”方法。

我的问题是，我如何“注入” $timeout 到链接函数？

我看到的前面的示例就像将 $timeout 直接注入指令，然后将链接 function() 嵌套在指令声明中：

function directive($timeout){
return {
  link: function(scope, attrs) {
    $timeout(blah!) //timeout is useable here...
}
}

以上对我不起作用，因为我没有在指令函数中创建函数......所以根据我使用的模型，我如何在链接中使用 $timeout？

4

0 回答 0