Angularjs - Jasmine范围变量在测试中未定义

Question

I am trying to test my angularjs code.

my controller is as bollow.

'use strict';
(function() {
     angular.module('myApp')
    .controller('TestController', function($scope, $http, Auth, myService, $state) {
        try{
              $scope.testVar  = "Hello";
        }catch(e){
           console.log(e);
        }
     });
});

My test code is below:

'use strict';

 describe('Controller: TestController', function () {

     beforeEach(module('myApp'));

     var TestController, scope;

     beforeEach(inject(function ($controller, $rootScope) {
        scope = $rootScope.$new();

        TestController = $controller('TestController', {
             $scope: scope
        });
      }));

     it('should testVar to be defined', function () {
       expect(scope).toBeDefined();
       expect(scope.testVar).toBeDefined();
      });
});

When i run it, it failed test as Expected undefined to be defined.

I don't know what i am doing wrong?

I already checked many post on SO but did't get it resolved yet.

Answer 1

Possibly issue is related to your variable declaration. You have declared ManualBookingController, but then you use TestController for the $controller line. Change ManualBookingController to TestController, see if that works.

Answer 2

I took your code almost as is, put it in a fiddle , test passes just fine. What I think might be missing in your case is you have some dependencies that are present in your controller but not mocked while creating the mock controller using $controller in your test suite. I removed them from your original controller (for now) and it worked fine.

And in order to mock $state (provider) and other services, you can see this same example fiddle passing with dependencies injected and read about underscore wrapping .

---

Also, keep in mind that sharing exact details on your question is very important. When I ran your test suite with your exact code, it first gave me following error:

Error: [$injector:unpr] Unknown provider: $stateProvider <- $state http://errors.angularjs.org/1.2.9/ $injector/unpr?p0=%24stateProvider%20%3C-%20%24state

..which is not mentioned in your question at all. You mentioned only the next error Expected undefined to be defined which was very common and less-useful to imagine what's going on.