为需要ng-model的角度指令编写单元测试

Question

我是单元测试新手，想弄清楚如何设置它。我有以下指令：

(function() { 
    'use strict'; 

    angular 
     .module('hntb-utils') 
     .directive('notZero', notZero); 

    //notZero.$inject = []; 

    function notZero() { 
     return { 
      require: 'ngModel', 
      link: link, 
      restrict: 'A', 
      scope: '=' 
     }; 

     function link(scope, element, attributes, ngModelCtrl) { 
      ngModelCtrl.$validators.notZero = function (value) { 
       return value != 0; 
      } 
     } 
    } 

})(); 

该指令（如果添加的话，作为属性不归零到也使用纳克 - 模型的元素）确保模型值不为零通过将验证到ngModelController。

我想弄清楚如何测试这个指令。我想我应该可能有这样的东西：

it("should ensure model is not zero", function() { 
... 
}); 

我只是真的坚持实施。我知道我应该使用角度模拟，但是如何？我嘲笑什么？

在此先感谢。

Answer 1

您可以使用$compile服务来编译一个带有ngModel指令和notZero指令的输入元素。通过使用.controller()方法获取该元素的ngModelController。之后，操作该元素的范围模型以应用多个测试用例。

这里是demo。

describe('notZero', function() { 

    var scope, 
    ngModel; 

    beforeEach(module('hntb-utils')); 

    beforeEach(inject(function($compile, $rootScope) { 

    scope = $rootScope.$new(); 

    var input = $compile('<input type="number" ng-model="model" not-zero />')(scope); 

    ngModel = input.controller('ngModel'); 

    })); 

    it("should validate a non-zero number as a valid number", function() { 

    scope.model = -1; 
    scope.$apply(); 
    expect(ngModel.$error.notZero).toBeFalsy(); 

    scope.model = 1; 
    scope.$apply(); 
    expect(ngModel.$error.notZero).toBeFalsy(); 

    }); 

    it("should validate a zero number as an invalid number", function() { 

    scope.model = 0; 
    scope.$apply(); 
    expect(ngModel.$error.notZero).toBeTruthy(); 

    }); 

});