Testing Angular Controllers defined like angular.module('myApp').controller(

Question

I am playing around with https://github.com/angular/angular-seed

A controller is defined in app/controllers.js like this

'use strict';
function MyCtrl1() {}
MyCtrl1.$inject = [];

this doesn't pass jshint as MyCtrl1 is referenced in app/app.js and not in my globals list.

According to Brian Ford and others I have read the preferred style is

angular.module('myApp').controller('MyCtrl1', [], function () {});

I like this better as it's not in the global scope, but now my testacular specs fail because this doesn't work anymore:

var myCtrl1;
beforeEach(function(){
  myCtrl1 = new MyCtrl1();
});

How do I get a reference to this controller which is defined in the "preferred" style for testing purposes?

This might be the same issue that I have anwsered here You need to add beforeEach(module('myApp')); — Xesued
– Xesued, Commented Apr 8, 2013 at 0:05

user2240431 · Accepted Answer · 2013-04-10 14:19:40Z

3

credit due to both Javito and Xesued:

beforeEach(module('myApp'));
var scope, ctrl;
beforeEach(inject(function($controller, $rootScope) {
    scope = $rootScope.$new();
    ctrl = $controller('MyCtrl1', {$scope: scope});
}));

answered Apr 10, 2013 at 14:19

user2240431

3482 silver badges12 bronze badges

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

Comments

Javier Hertfelder · Accepted Answer · 2013-04-09 07:50:39Z

0

Try,

beforeEach(inject(function($controller) {
    scope = {};    
    MyCtrl1 = $controller('MyCtrl1', {
      $scope: scope
    });
  }));

answered Apr 9, 2013 at 7:50

Javier Hertfelder

2,4324 gold badges22 silver badges36 bronze badges

1 Comment

user2240431 Over a year ago

close, it seems you need a real scope, and also the beforeEach as suggested by Xesued in the comments. code is not working out here, I guess I have to answer it myself. Sorry, I wanted to give you the credit :(

Collectives™ on Stack Overflow

Testing Angular Controllers defined like angular.module('myApp').controller(

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related