TypeError: $controller is not a function - angularjs with jasmine

Question

I am trying to set up a test for AngularJS app using Jasmine. It follows the docs but is a bit simpler. The fiddle has the following code:

angular.module('myapp', [])
  .controller('MyCtrl', ['$scope', function MyCtrl($scope) {
    $scope.greeting = "hello";
  }]);

describe('My controller', function() {
  var $controller;
  module('myapp');
  inject(function(_$controller_) {
    $controller = _$controller_;

  });

  it('greets', function() {
    var $scope = {};
    var controller = $controller('MyCtrl', {
      $scope: $scope
    });
    expect($scope.greeting).toEqual('hello');
  })

});

And Jasmine reports an error: TypeError: $controller is not a function.

How to correct the code to get rid of this error and be able to test the controller?

dfsq · Accepted Answer · 2016-01-04 17:11:24Z

7

You need to instantiate the app module and inject $controller for each test using beforeEach blocks:

describe('My controller', function() {
    var $controller;

    beforeEach(module('myapp'));

    beforeEach(inject(function(_$controller_) {
        $controller = _$controller_;
    }));

    it('greets', function() {
        var $scope = {};
        var controller = $controller('MyCtrl', {
            $scope: $scope
        });
        expect($scope.greeting).toEqual('hello');
    })

});

Demo: https://jsfiddle.net/f5ebb55f/6/

answered Jan 4, 2016 at 17:11

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

MichaelHuelsen Over a year ago

and you should make sure that the source code of the needed controllers are loaded in your karma config in the "files" section. The name of the module that you load in the beforeEach(module('modulename')); command in the test itself must match the module name that you use in your controller source file e.g. angular.module('modulename', []).controller...

Collectives™ on Stack Overflow

TypeError: $controller is not a function - angularjs with jasmine

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related