Angularjs Unit Test Error

Question

I am new to writing unit test. I am trying simple thing, In my saveInfo function in controller $scope.practice should contain a value.

I am using webstorm to run my test. I want to check in saveInfo function that $scope.practice is defined or not.

test / practice.js

'use strict';
describe('myApp', function() {
    describe('Controller: PracticeCtrl', function () {
        var $http, $scope, $routeParams, $location, $locale, $timeout;
      // load the controller's module
        beforeEach(function () {
            // Load the controller's module
            module('myApp');

            inject(function ($controller, $rootScope) {
                $scope = {};
            });

        });

        it('should define a practice property', function () {
            expect($scope.practice).toBeDefined();
        });

    });
});

practice.js - controller

angular.module('myApp').controller('PracticeCtrl', function ($http, $scope, $routeParams, $location, $locale, $timeout) {

$scope.saveInfo = function () {
        $scope.practice = '52300099';
        Practices.updateStampApproval().updateInfo($scope.practice);  

 };

$scope.updateInfo = function () {
   ....
}

$scope.getInfo = function () {
   ....
}

Gives me Error :-

Expected undefined to be defined.
Error: Expected undefined to be defined.

In my controller $scope.practice is defined. so why it shows error.

And how to test function wise means how do i write test which will check only in 1 function in controller e.g. 'saveInfo'?

gustavohenke · Accepted Answer · 2014-03-13 12:39:04Z

2

You're initializing $scope as an empty object, and it's not being manipulated anywhere. That's why your test is failing.

What you should do:

Initialize your controller with a dummy $scope
Invoke each of your controller methods in each test
Do your assertions in each test

For example:

describe('myApp', function() {
    describe('Controller: PracticeCtrl', function () {
        var $http, $scope, $routeParams, $location, $locale, $timeout, practiceCtrl;

        // load the controller's module
        beforeEach(function () {
            // Load the controller's module
            module('myApp');

            inject(function ($controller, $rootScope) {
                $scope = $rootScope.$new();
                practiceCtrl = $controller("PracticeCtrl", {
                    $scope: $scope
                });
            });

        });

        it('should define a practice property', function () {
            $scope.saveInfo();
            expect($scope.practice).toBeDefined();
        });

    });
});

I hope I was clear enough to help you.

answered Mar 13, 2014 at 12:39

gustavohenke

41.5k14 gold badges125 silver badges133 bronze badges

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

5 Comments

Anup Over a year ago

this became clear but i have one doubt...if i use a service in my controller which brings a list of practices, Will i be able to call this service in my test.js?

gustavohenke Over a year ago

Yes. You can mock/stub it to return a few example practices, so you don't have to rely on the server's data.

Anup Over a year ago

i actually want the server's data...coz then i will not have to write a mock service & instead use the real service...

Anup Over a year ago

you can share if you know any tutorial where i can learn this step by step.....i searched google, but haven't got perfect one.

gustavohenke Over a year ago

I don't exactly have any tutorial right now. And I said to not rely on the server because it could break your tests if you reinstall your app (so your DB would have no data)

Collectives™ on Stack Overflow

Angularjs Unit Test Error

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