业力错误参数“控制器”不是函数，未定义答案

【问题标题】：Karma error Argument 'Controller' is not a function, got undefined业力错误参数“控制器”不是函数，未定义
【发布时间】：2015-03-04 14:43:40
【问题描述】：

我在尝试测试我的控制器时遇到了问题。当我运行测试时出现错误

Error: [ng:areq] Argument 'MainCtrl' is not a function, got undefined   http://errors.angularjs.org/1.3.8/ng/areq?p0=MainCtrl&p1=not%20a%20function%2C%20got%20undefined
        at assertArg (/Users/tetianachupryna/project/bower_components/angular/angular.js:1577)
        at assertArgFn (/Users/tetianachupryna/project/bower_components/angular/angular.js:1588)
        at /Users/tetianachupryna/project/bower_components/angular/angular.js:8418
        at /Users/tetianachupryna/project/src/spec/controllers/main-controller.spec.js:11
        at /Users/tetianachupryna/project/src/spec/controllers/main-controller.spec.js:17
        at /Users/tetianachupryna/project/node_modules/karma-jasmine/lib/adapter.js:184
        at http://localhost:9877/karma.js:185
        at http://localhost:9877/context.html:51

我知道 SO 充满了类似的问题。但总的来说，我在 Angular 和 JS 中完全是空的，所以这些答案对我没有帮助。从关于 SO 的类似问题中，我发现我的问题在于控制器的错误定义，但我仍然无法弄清楚我做错了什么。我已经堆了，我请求你的帮助。

首先是我的 src/app/index.js 文件，其中定义了我的模块

var app = angular.module('myModule', [
  'ngAnimate',
  'ngSanitize',
  'ngResource',
  'ui.router',
  'pascalprecht.translate',
  'thing1',
  'thing2']);

这里是 src/app/controllers/main-controller.js

angular.module('myModule').controller('MainCtrl', [
    '$scope',
    '$state',
    function ($scope, $state) {
      $scope.state = $state;
      //***
      $scope.isBigStep = function isBigStep() {
        return $state.$current.step == 3;
      };    
  }]);

最后这是一个带有测试的文件 src/spec/controllers/main-controller.spec.js

describe('MainCtrl', function() {
  var scope, $state, createController;

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

    createController = function() {
      return $controller('MainCtrl', {
        '$scope': scope
      });
    };
  }));

  it('should make 3 as current step', function() {
    var controller = createController();
    expect(scope.isBigStep()).toBe(true);
  });
});

在业力配置中我有所有这些文件

files: [
      'bower_components/angular/angular.js',
      'bower_components/angular-mocks/angular-mocks.js',
      'src/app/index.js',
      'src/app/controllers/*.js',
      'src/spec/controllers/*.js'
    ],

为了运行我的测试，我在 RubyMine 中使用 karma-runner 插件。

如果有任何帮助，我将不胜感激！

【问题讨论】：

您缺少模块加载。将beforeEach(module('myModule')); 放在beforeEach(inject(function ($rootScope, $controller) { 之前？
谢谢，这个技巧有帮助。您能否提出一个我可以接受的独立答案？
当然添加了答案。谢谢！！

标签： javascript angularjs jasmine karma-runner karma-jasmine

【解决方案1】：

您缺少的是在 beforeEach 挂钩中添加模块以进行测试设置。否则将找不到控制器。所以添加beforeEach(module('myModule'))。

describe('MainCtrl', function() {
  var scope, $state, createController;

  beforeEach(module('myModule')); //<--- Hook module

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

    createController = function() {
      return $controller('MainCtrl', {
        '$scope': scope
      });
    };
  }));

  it('should make 3 as current step', function() {
    var controller = createController();
    expect(scope.isBigStep()).toBe(true);
  });
});

【讨论】：