单元测试应如何编写？

Question

我想为指令编写单元测试，如下所示：

angular.module('myApp', [])
    .directive('myDirective', ['$window','MyConfig', function($window,MyConfig){
    return {
        link: function(scope, element, attr, controller) {

            var w = angular.element($window);
            var top = 70;
            function adjustTop(){
                var oldtop = scope.top;
                var newtop = top - w.scrollTop();
                if(newtop>15){
                    scope.top = newtop;
                }else{
                    scope.top = 15;
                }

                if(oldtop!=newtop){
                    scope.$apply();
                }
            }

            if(MyConfig.adjusttop){
                w.bind('scroll', function () {
                    adjustTop();
                });
                adjustTop();
            }else{
                scope.top = 15;
            };

        }
    };
}]);



describe('myDirective:', function () {
    it("should perform adjust top position only when MyConfig.adjusttop is true",function(){
        // how to write the test here?
    });
});

我应该如何编写单元测试以确认仅当MyConfig.adjusttop设置为true时才调整顶部位置？ 我可以使用spyOn来检测是否曾经被调用过的adjustTop()函数吗？ 如果可以，如何使用？

Answer 1

您不能spyOn AdjustTop，因为它是链接功能的“专用”。 但是，您可以按预期测试scope.top的更改。

您将需要执行以下操作：（不包括模块和掺杂注入，并且具体内容可能会因UT库以及是否具有jQuery而有所不同，但从概念上讲……）

spyOn(MyConfig,'adjusttop').and.returnValue(true);
spyOn($window,'scrollTop').and.returnValue(0);
var element = angular.element("<my-directive></my-directive>");
$scope = $rootScope.$new(); // get a new $scope
$compile(element)($scope); // compile and link the directive
$scope.$digest();
$(window).trigger('scroll'); // to get the scroll event to actually fire

expect($scope.top).toBe(70); // assuming I did the math right???