Ошибка вызова службы управления контроллером при загрузке контроллера

Я использую Angular 1.5.8. Вот мой код:

describe('My Controller', function() {
    var MyController;
    var $controller;
    var $rootScope;
    var $state;

    beforeEach(angular.mock.module('ui.router'));
    beforeEach(module('app.my.ctrl'));
    beforeEach(inject(function(_$controller_, _$rootScope_, _$state_) {
        $controller = _$controller_;
        $rootScope = _$rootScope_;
        $state = _$state_;
        MyController = $controller('MyController', { scope: $rootScope.$new() });
    }));

    describe('#init', function() {
        it('should do something', function() {
            console.log('logStatement', MyController);

            MyController.init();

            expect(true).toBe(true);
        })

    })
});

Тест-бегун способен находить все файлы, поэтому это не случай забыть что-то загрузить. Когда я запускаю этот тест, не только logStatement никогда не появляется, я получаю эту ошибку:

Argument 'MyController' is not a function, got undefined

Это мой контроллер:

(function() {
'use strict';

angular
    .module('app.my.ctrl')
    .controller('MyController', MyController);

MyController.$inject = [
    '$scope'
];
/* ngInject */
function MyController($scope) {

    var vm = this;

    vm.hello = 'world';

    vm.init = function() {
        return true;
    }
}

})();

и это мой конфиг karma:

// Karma configuration

module.exports = function(config) {
  config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['jasmine'],


    // list of files / patterns to load in the browser
    files: [
      'bower_components/angular/angular.js',
      'bower_components/angular-mocks/angular-mocks.js',
      'bower_components/angular-ui-router/release/angular-ui-router.js',
      'src/controllers/MyController.js',
      'tests/unit/**/*.spec.js',
    ],


    // list of files to exclude
    exclude: [
      '**/*.swp'
    ],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
    },


    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['spec'],

    //  Spec Reporter Config
    specReporter: {
    //     suppressErrorSummary: false,
    //     suppressFailed: false,
    //     suppressPassed: false,
        suppressSkipped: true
    //     showSpecTiming: false
    },


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['Chrome'],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: true,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity
  })
};

Что это значит? Я не могу найти ничего в документации, которая могла бы объяснить это.

UPDATE:

Я прочитал этот ответ, и ответ не сработал.

Ответ 1

Попробуйте изменить службу, введенную в контроллер от scope до $scope

beforeEach(inject(function(_$controller_, _$rootScope_, _$state_) {
      $controller = _$controller_;
      $rootScope = _$rootScope_;
      $state = _$state_;
      MyController = $controller('MyController', { $scope: $rootScope.$new()});
}));

Ответ 2

Вы пытались сделать свой pb максимально простым? Внутри приложения вы можете успешно выполнить этот вызов? $controller('MyController', { $scope: $rootScope.$new()});. Если это работает (на самом деле это должно быть), проблема окончательно исходит из конфигурации test/jasmin/karma/gulp/grunt, и вы больше не должны копаться в направлении angular. Можете ли вы рассказать нам, как вы определяете модуль app.my.ctrl в своем приложении? Возможно, этот модуль зависит от большего количества модулей, чем только ui.router, которые вы издеваетесь над своим тестом. Если это так, модуль не может быть загружен, и любой контроллер внутри тоже не может быть создан.

Ответ 3

describe('My Controller', function() {
  var MyController;
  var scope;

  beforeEach(angular.mock.module('ui.router'));
  beforeEach(module('app.my.ctrl'));
  beforeEach(inject(function($rootScope) {
      scope = $rootScope.$new();
  }));

  describe('#init', function() {
      it('should do something', function($componentController) {
          var MyController = $componentController('MyController', {
                $scope : scope
            });
          MyController.init();

          expect(true).toBe(true);
      })

  })
});