Unit Testing Angular Function using Karma Jasmine

Question

I have a function like this inside a controller

$scope.closeMenu = function () {
                    $('#menu').hide();
                };

If a functions returns a value I am able to test using expect($scope.value).toEqual(); How do we test the above function using jasmine. Please help thanks

Michel · Accepted Answer · 2015-10-21 01:14:14Z

1

If a functions returns a value I am able to test using expect($scope.value).toEqual(); How do we test the above function using jasmine

You should rewrite your function, so as it only set a variable of the model. Then it will be testable using the way you already know in Jasmine. One of the point of angular is that you don't manipulate the DOM from the controller. Providing you follow these guidelines, controllers are far easier to test.

Moreover, in your case rewriting is very straightforward:

$scope.closeMenu = function () {
    $scope.isOpen = false;
};

Template:

... id="menu" ng-show="isOpen" ...

In case you still need to test some characteristics of a DOM element, for example it's visibility, jasmine-jquery might be useful for you. Example:

expect($('#menu')).toBeHidden()

edited Oct 21, 2015 at 1:14

answered Oct 16, 2015 at 23:24

Michel

28.6k6 gold badges67 silver badges72 bronze badges

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

5 Comments

vino Over a year ago

For the code I have is it impossible to write unit test? I do not want to change the code and trying to figure out a way to test this

Michel Over a year ago

Sure it's possible, but not with Jasmine. You would need some addition to it.

vino Over a year ago

May I know what is the addition needed?

Michel Over a year ago

jasmine-jquery for example. Then an expectation like expect($('#menu')).toBeHidden() would be possible.

vino Over a year ago

thanks.. I got to know how to solve my problem but I am having issues in using jasmine-jquey. stackoverflow.com/questions/33248952/using-jasmine-jquery

Collectives™ on Stack Overflow

Unit Testing Angular Function using Karma Jasmine

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related