angularjsのユニットテストの作成方法ジャスミンの属性型指示子

Question

テンプレート/ templateUrlを使用せずに指示文があります。この指令の単体テストを書くにはどうすればいいですか？以下のコードは私の指示です。

var app = angular.module('SampleDirective'); 

app.directive('sampleContent', [function() { 
    return { 
     restrict: 'A', 
     scope: { 

      content: '@' 
     }, 
     link: function (scope, element, attrs) { 
      var eventHandlers = []; 

      function onContentChanged(value) { 
       if (value) { 
        element.html(''); 
        element.append(value); 
       } 
      } 

      function onDestroy() { 
       angular.forEach(eventHandlers, function (callback) { 
        callback(); 
       }); 

       element.remove(); 
      } 

      eventHandlers.push(scope.$watch('content', onContentChanged)); 
      eventHandlers.push(scope.$on("$destroy", onDestroy)); 
     } 
    }; 
}]); 

誰もが、私は上記のコードのためのユニットテストを書かれている

Answer 1

..このサンプルのユニットテストを書くためにどのように私を提案することができます...それが正しいものである??

describe("sampleContent",() => { 

     let scope; 
     let compile; 
     let element; 

     beforeEach(angular.mock.module("SampleDirective")); 

     beforeEach(() => { 
      inject(($compile, $rootScope) => { 
       scope = $rootScope; 
       compile = $compile("<input sample-content=\"ContentValue\"></input>"); 
       element = compile(scope); 
      }); 

     }); 
     describe("onContentChanged",() => { 
      it("should validate onContentChanged when the value is a valid content",() => { 

       scope.$$childHead.content = "This is a sampleContent"; 
       scope.$digest(); 
       expect(element[0].textContent).toEqual("This is a sampleContent"); 
      }); 
      it("should validate onContentChanged when the value is not a valid content",() => { 

       scope.$$childHead.content = undefined; 
       scope.$digest(); 
       expect(element[0].textContent).toEqual(""); 
      }); 
     }); 

    });