Unit testing angular directive

Question

I have a directive like this:

angular.module('default', []);

angular.module('default').
directive('default', function() 
{

return {
    restrict: 'A',  
    link: function(scope, element, attrs) {      
      element.bind('error', function() {        
        angular.element(this).attr("src", attrs.default);

});

}

}   
});

I want to write unit tests for this directive. I am using karma-jasmine for writing unit tests. How do I go about doing this.

Christina · Accepted Answer · 2014-09-11 08:51:25Z

1

It's going to be something like this:

describe('default directive', function () {
   it('Should set attribute src to value of attribute default', inject(function ($compile, $rootscope) {
      var scope = $rootscope;
      var elem = angular.element('<div default="test"></div>');
      elem = $compile(elem)(scope);
      expect(elem.children(0)[0].getAttribute('src')).toBe('test');
   }));
});

Hope this helps.

answered Sep 11, 2014 at 8:51

Christina

1,12611 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3106657 Over a year ago

Hi. Thanks @christina. But I didn't follow the expect(elem.children(0)[0].getAttribute('src')).toBe('test'); statement

user3106657 Over a year ago

I have another directive having external html template in it. How to go about testing such a directive?

Collectives™ on Stack Overflow

Unit testing angular directive

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related