Unit testing Angular js Directive with Dependencies

Question

This is my directive

.directive('xDirective', ['x', 'y', function (x, y) {
        return {
            restrict: 'CA',
            link: function (scope, element, attrs, messaging) {
                //console.log(scope);
                //console.log(element);
                //console.log(attrs);

                if (x.isResponsive && x.responsiveMode === y.responsive.mode.phone) {

                    //set the height of the header based on the device height
                    var offset = (attrs.heightOffset ? attrs.heightOffset : 0);                    
                    element.css("height", (x.device.height - offset) + 60 + "px");
                }
            }
        };
    }])

where x and y are the dependencies to the directive..i want to unit test this directive..how do i go ahead using jasmine.

Thanks.

Community · Accepted Answer · 2017-05-23 11:59:28Z

3

I figured it out using the below stackoverflow thread

Testing angularjs directive with dependencies

Below is the code:

describe('Directive: AppVersion', function () {
    beforeEach(module('MyApp'));

    var element;

    it('should have element text set to config value', inject(function ($rootScope, $compile, x,y) {
        var scope = $rootScope;
        element = $compile('<div class="someClass" xDirective >some Content</div>')(scope);
        expect($(element).find('.someClass').css('height')).toBe(config.version);
    }));
});

inside the it block i'm injecting 'x' and 'y' modules which are dependencies to the directive

Thanks

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Aug 6, 2013 at 7:08

Surya Deepak

4315 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Unit testing Angular js Directive with Dependencies

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related