0

当我将一个控制器连接到一个模块时，我可以使用 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，那么这两个测试都有效。

我一定做错了什么...

4

1 回答 1

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' ...);
于 2015-06-28T02:10:03.310 回答