滑块指令

时间:2015-06-09 08:38:29

标签: angularjs jasmine karma-jasmine

Plz参见下面的滑块指令代码

appCommon.directive('slider', [function () {
    return {
        require: 'ngModel',
        restrict: "A",
        link: function (scope, element, attr, ngModel) {

            var mySlider = element.slider({
                tooltip: 'hide',
                value: 0,
                max: 100
            });

            scope.$watch(function () {
                return ngModel.$modelValue;
            }, function (newValue, oldValue) {
                mySlider.slider('setValue', parseInt(newValue));
            });

            attr.$observe('isDisabled', function (isDisabled) {
                if (isDisabled == 'true') {
                    mySlider.slider('disable');
                }
                else {
                    mySlider.slider('enable');
                }
            });
        }
    };
}]);

并且想为此编写单元测试用例..请你给我一个确切的测试用例

1 个答案:

答案 0 :(得分:0)

不要对你的指令进行单元测试。使控制器包含逻辑,并进行单元测试。

controller: 'SliderController',

将其添加到您的指令中,并将您要测试的逻辑移动到该控制器。