Angular - Mocha - 当我将多个控制器添加到同一个模块时测试失败

Question

当我将一个控制器连接到一个模块时，我可以使用 mocha、karma 来成功测试它。但是当我将两个控制器添加到同一个模块时，测试失败了。这是为什么？

我在同一个模块上定义了 2 个控制器。我可以手动测试控制器，它们可以正常工作。

src/app/itemListController.js
angular.module('lazyLoad', [])
  .controller('ItemListController', ['$scope', function ($scope) {
...
}]);

src/app/invoiceController.js
angular.module('lazyLoad', [])
  .controller('InvoiceController', ['$scope', function ($scope) {
...
}]);

和 2 个单元测试：

test/app/itemListController.mocha.js
'use strict';
describe('testing movies', function () {
  var scope;
  var fixture;

  beforeEach(module('lazyLoad'));

  beforeEach(inject(function ($rootScope, $controller) {
    scope = $rootScope.$new();
    fixture =  $controller('ItemListController', {$scope: scope});
  }));

  it('....', function() {});
});

test/app/invoiceController.mocha.js
'use strict';
describe('testing movies', function () {
  var scope;
  var fixture;

  beforeEach(module('lazyLoad'));

  beforeEach(inject(function ($rootScope, $controller) {
    scope = $rootScope.$new();
    fixture =  $controller('InvoiceController', {$scope: scope});
  }));

  it('....', function() {});
});

我得到：

PhantomJS 1.9.8 (Mac OS X 0.0.0) testing movies "before each" hook: workFn FAILED
    the object {
      "line": 1761
      "message": "[ng:areq] Argument 'ItemListController' is not a function, got undefined
    http://errors.angularjs.org/1.4.1/ng/areq?p0=ItemListController&p1=not%20a%20function%2C%20got%20undefined"
      "name": "Error"

现在，如果我将 invoiceController.js 和 invoiceController.mocha.js 的模块名称更改为 invoiceM，那么两个测试都有效。

一定是我哪里做错了...

Answer 1

您定义了两次模块。当您使用括号 [] 传递空依赖项时，您实际上创建了一个模块并替换了一个旧模块（如果存在）。您需要做的是：

// Create the module, maybe in a separate place.
angular.module('lazyLoad', []);

// Attach controllers to that module:
angular.module('lazyLoad') // HEY! SEE THIS? NO BRACKETS.
  .controller('ItemListController', ...);]

angular.module('lazyLoad') // HEY! SEE THIS? NO BRACKETS.
  .controller('InvoiceController' ...);

Angular - Mocha - 当我将多个控制器添加到同一个模块时测试失败

Angular - Mocha - Tests Fail when I add multiple Controllers to the same Module

javascript

mocha.js

angularjs

karma-mocha