使用Karma進行角度測試：注入控制器后，未定義$ controller（）

Question

我正在嘗試使用Karma和Jasmine對Angular進行測試。 我已經成功安裝和配置了Karma，但是在使用角度模擬時遇到了麻煩。 在下面的aTest.spec.js中，我包括一個簡單的應用程序，控制器和測試規范來說明問題。 誰能告訴我我在做什么錯？

我的Karma控制台輸出：

Chrome 39.0.2171 (Mac OS X 10.8.5) ControllerForTest encountered a declaration exception FAILED
TypeError: undefined is not a function
    at Suite.<anonymous> (/Users/duncanmalashock/python_projects/scout/public/tests/unit/aTest.spec.js:19:20)
    at jasmineInterface.describe (/Users/duncanmalashock/python_projects/scout/node_modules/karma-jasmine/lib/boot.js:59:18)
    at /Users/duncanmalashock/python_projects/scout/public/tests/unit/aTest.spec.js:13:1

Chrome 39.0.2171（Mac OS X 10.8.5）：執行1 of 1（1 FAILED）錯誤（0.004秒/ 0.002秒）

karma.conf.js：

...
files: [
  'http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js',
  'angular/vendor/angular-mocks.js',
  'tests/unit/*.spec.js'
],
...

控制器：

var testApp = angular.module('testApp', []);

testApp.controller('ControllerForTest', ['$scope',
  function($scope) {
    $scope.data = {
      a: 'foo',
      b: 'bar',
      c: 'baz'
    };
  }
]);

aTest.spec.js：

describe('ControllerForTest', function() {
  module('testApp');
  var $controller;
  inject(function(_$controller_) {
      $controller = _$controller_;
  });
  var controller = $controller('ControllerForTest');
  it('is defined', function() {
    expect($controller).toBeDefined();
  });
});

Answer 1

模塊實例化和服務注入應該在beforeEach發生，而不是直接在describe塊中發生。 這將使它們提供給各以下的it秒。

您也不需要測試$controller ，這是一個Angular服務。 而是測試您的控制器。

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

  beforeEach(function() {
    module('testApp');

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

  it('is defined', function() {
    // This line can also be in the beforeEach.
    // Saves having to repetitively instantiate the controller.
    ControllerForTest = $controller('ControllerForTest');

    expect(ControllerForTest).toBeDefined();
  });
});