AngularJS Testing Controller with Karma

Question

My Controller is:

angular.module('mean').controller('ItemsController', ['$scope', function ($scope) {
  $scope.contentTemplate = '/views/items/index.html';
  $scope.subMenu = [
    {name: 'Create Item', location: '/items/create'}
  ];
}]);

My test is pretty simple:

  describe('ItemsController', function () {
    var scope;

    beforeEach(module('mean'));

    beforeEach(inject(function($controller, $rootScope) {
      scope = $rootScope.new();
      $controller('ItemsController', {
        $scope: scope
      });

    }));


    it('should have sub menu items loaded properly', function () {
      expect(scope.subMenu.length).toBe(1);
    });

  });

What I want is to test that there is one subMenu item. Instead, the error I get is:

PhantomJS 1.9.7 (Mac OS X) ItemsController should have sub menu items loaded properly FAILED TypeError: 'undefined' is not a function (evaluating '$rootScope.new()')

Isn't $rootScope injected? So why is it undefined?

Pavlo · Accepted Answer · 2015-07-15 15:08:09Z

19

You want the method which starts with dollar sign:

scope = $rootScope.$new();
//                 ^

That should fix it.

edited Jul 15, 2015 at 15:08

Pavlo

45.2k14 gold badges83 silver badges114 bronze badges

answered Feb 9, 2014 at 1:50

Rob

11.7k7 gold badges43 silver badges60 bronze badges

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

Collectives™ on Stack Overflow

AngularJS Testing Controller with Karma

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