angularjs - Angular/karma : unknown provider

Question

我是 Angular 测试的新手，发现很难理解如何对 Controller 的注入(inject)进行简单的测试，并出现错误:

Error: [$injector:unpr] Unknown provider: localStorageServiceProvider <- localStorageService

Controller :

angular.module('myApp.home', [])
.controller('HomeCtrl', ['$scope','localStorageService',function($scope,localStorageService) {
// ...
}]);

测试:

describe('myApp.home module', function() {
    var $scope;
    var localStorageService;

    beforeEach(module('myApp.home'));

    describe('home controller', function(){

      it('should ....', inject(function($controller,_$rootScope_,_localStorageService_) {
        $scope = _$rootScope_.$new();
        localStorageService = _localStorageService_;

        var headerCtrl = $controller('HomeCtrl',{"$scope" : $scope, "localStorageService" : localStorageService});
        expect(headerCtrl).toBeDefined();
      }));

    });
});

在我的 karma.conf.js 中我引用了:

files : [
      'app/bower_components/angular/angular.js',
      'app/bower_components/angular-route/angular-route.js',
      'app/bower_components/angular-mocks/angular-mocks.js',
      'app/bower_components/angular-local-storage/dist/angular-local-storage.js',
      'app/js/controllers/*.js'
    ]

Answer 1

假设您正在使用此库 https://github.com/grevory/angular-local-storage

未加载该模块进行测试。

要么做

angular.module('myApp.home', ['LocalStorageModule'])

将模块注入(inject)到您的模块中。

或者尝试

 beforeEach(module('LocalStorageModule'));
 beforeEach(module('myApp.home'));