Как я могу проверить пользовательскую директиву в jasmine

Question

Я пытаюсь написать тестовый пример для пользовательских директив с Jasmine. В настоящее время, у меня есть директивы, который устанавливается, как показано здесь: Это мой код в стельку http://jsfiddle.net/aHmPV/33/

app.directive('focusMe', function ($timeout) { 
return { 
    scope: { trigger: '=focusMe' }, 
    link: function (scope, element) { 
     scope.$watch('trigger', function (value) { 
      if (value === true) { 
       element[0].focus(); 

      } 
     }); 
    } 
}; 

});

Мой жасмин код в стельку Я пробовал разные способы тестирования $ функции часы не в состоянии достигнуть этого, пожалуйста, помогите

Answer 1

Вы настроены $ смотреть на scope.trigger, но передается в focus-me.

Вы можете использовать spyOn для element[0].focus и создать тест для focus-me="true" и focus-me="false":

describe('Directive: focusMe', function() { 
    var element, 
     scope; 

    beforeEach(module('CommonBusInfo')); 
    beforeEach(inject(function($rootScope) { 
     scope = $rootScope.$new(); 
    })); 

    it("should focus if focus-me is true", inject(function($compile) { 
     element = angular.element('<input type="text" focus-me="true" value="chaitu">'); 
     element = $compile(element)(scope); 
     spyOn(element[0], 'focus'); 

     scope.$digest(); 

     expect(element).toBeDefined(); 
     expect(element[0].focus).toHaveBeenCalled(); 
    })); 

    it("should NOT focus if focus-me is falsy", inject(function($compile) { 
     element = angular.element('<input type="text" focus-me="" value="chaitu">'); 
     element = $compile(element)(scope); 
     spyOn(element[0], 'focus'); 

     scope.$digest(); 

     expect(element).toBeDefined(); 
     expect(element[0].focus).not.toHaveBeenCalled(); 
    })); 
});