angular js指令ジャスミンのユニットテスト

Question

私は角度js指令を1つの方法で書いていますが、そのために単体テストを書く方法はわかりません。

var app = angular.module("myApp",[]); 

app.directive('minMax', function() { 

    return { 
     require: 'ngModel', 
     link: function(scope, element, attr, mCtrl) { 
      function myValidation(value) { 
       if (value.toString().length > 2 & value.toString().length < 6) { 
        mCtrl.$setValidity('charE', true); 
       } else { 
        mCtrl.$setValidity('charE', false); 
       } 
       return value; 
      } 
      mCtrl.$parsers.push(myValidation); 
     } 
    }; 
}); 

この方法をテストするにはどうすればよいですか？

Answer 1

ここをクリックしてください：https://github.com/daniellmb/angular-test-patterns それはテストパターンの素晴らしいコレクションを含んでいます。ディレクティブ試験の

例：

describe('Directive: myDir', function() { 
    var element, scope, compile, defaultData, 
     validTemplate = '<my-dir ng-model="data"></my-dir>'; 

    function createDirective(data, template) { 
    var elm; 

    // Setup scope state 
    scope.data = data || defaultData; 

    // Create directive 
    elm = compile(template || validTemplate)(scope); 

    // Trigger watchers 
    //scope.$apply(); 

    // Return 
    return elm; 
    } 

    beforeEach(function() { 

    // Load the directive's module 
    module('myApp'); 

    // Reset data each time 
    defaultData = 42; 

    // Provide any mocks needed 
    module(function ($provide) { 
     //$provide.value('Name', new MockName()); 
    }); 

    // Inject in angular constructs otherwise, 
    // you would need to inject these into each test 
    inject(function ($rootScope, $compile) { 
     scope = $rootScope.$new(); 
     compile = $compile; 
    }); 
    }); 

    describe('when created', function() { 
    // Add specs 
    }); 

    describe('when the model changes', function() { 
    // Add specs 
    }); 

    describe('when destroyed', function() { 
    // Add specs 
    }); 
});