angularjs - Angular 单元测试中对其他服务的额外依赖

Question

describe('Controller:explorerCtrl', function() {
'use strict';
var explorerCtrl;
var explorerService;
var listService;
var scope;
var $httpBackend;
var aggregatedPods_;
var $state;
var $mdDialog;
var StateService;
var spy;

beforeEach(module(
'ui.router', explorer, kpi,
list));

 beforeEach(inject(function(
_$controller_, _$httpBackend_, _$rootScope_, _explorerService_, _$state_,
_listService_) {
scope = _$rootScope_.$new();
listService = _listService_;
aggregatedPods_ = {};
explorerService = _explorerService_;
spy = jasmine.createSpy();
StateService = {go: spy};
$httpBackend = _$httpBackend_;
$state = _$state_;
explorerCtrl =
_$controller_('explorerCtrl', {$scope: scope, $state: StateService});


}));
});

你好， 我正在尝试为我的单独模块编写 Angular 测试用例。不幸的是，我上面的列表模块分解了我的测试用例。我有普通服务listServices($mdDialog)并直接在我的列表 Controller (列表模块)中使用。当我尝试运行 Angular 单元测试时，出现未知错误 $provider $mdDialogProvider <- $mdDialog <- listService .这种情况怎么办？

我已经尝试注入(inject) $mdDialog进入$inject功能。仍然有同样的错误。请指正我做错的地方。

 beforeEach(inject(function(
  _$controller_, _$httpBackend_, _$rootScope_, _explorerService_, _$state_,
  _listService_ _$mdDialog_);

Answer 1

我认为您需要使用 $provide 注入(inject) $mdDialog，并且在您的 Controller 中您需要像这样注入(inject) $mdDialog:

beforeEach(function() {
    module(function(_$provide_) {
        _$provide_.service('$mdDialog', function() {});
    });
});

beforeEach(inject(function(
    _$controller_, 
    _$httpBackend_, 
    _$rootScope_, 
    _explorerService_, 
    _$state_, 
    _listService_,
    _$mdDialog_) {

     // ...
}));