茉莉花测试中的未知提供者错误

Question

我是 angularjs 的新手。我运行遇到了我正在尝试编写的茉莉花测试的问题。我收到此错误 - "Error: [$injector:unpr] Unknown provider: $routeProvider"。实际应用程序运行良好，我只在测试中遇到此错误。

[09:13:05] Starting 'test'...
[09:13:05] Starting 'test:unit'...
INFO [karma]: Karma v0.12.37 server started at http://localhost:9876/
INFO [launcher]: Starting browser PhantomJS
INFO [PhantomJS 1.9.8 (Mac OS X 0.0.0)]: Connected on socket -W6J4Ey8gUxLNUpoIFy1 with id 43527657
PhantomJS 1.9.8 (Mac OS X 0.0.0) sourceControl should convert date FAILED
    Error: [$injector:modulerr] Failed to instantiate module com.cmp.mod.features.sources due to:
    Error: [$injector:unpr] Unknown provider: $routeProvider
    http://errors.angularjs.org/1.4.7/$injector/unpr?p0=%24routeProvider

这是我的控制器，

//controller
angular.module('com.cmp.mod.features.sources')
    .controller('SourceControl', function ($modalInstance, $scope, source, sourceHelper) {
        'use strict';

        $scope.close = function() {
            $modalInstance.dismiss();
        };

        $scope.convertDate = function(milliseconds) {
            return sourceHelper.epochToLocaleDateString(milliseconds);
        };

        $scope.source = source;
    });

//test code 
describe('SourceControl', function(){
    angular.mock.module('ngRoute', []);

    beforeEach(module('com.cmp.mod.features.sources'));

    var scope;
    var $modalInstance = {}, mockSource={}, sourceHelper;


    beforeEach(inject(function ($controller, $rootScope, _sourceHelper_) {
         scope = $rootScope.$new();
         sourceHelper = _sourceHelper_;
         $controller('SourceControl', {
            $modalInstance: $modalInstance,
            $scope: scope,
            source: mockSource,
            sourceHelper: sourceHelper
         });
    }));

    it('should convert date', function() {
      expect(true).toBe(true);
    });

});

//component in the module that uses the routeProvider
angular.module('com.cmp.mod.features.adsources')

.config(function ($routeProvider) {
    'use strict';

    $routeProvider
        .when('/sources', {
            templateUrl: 'src/features/sources/sources.part.html',
            controller: 'SourcesControl',
            resolve: {
                sources: function(Source) {
                    return Source.query().$promise;
                }
            }
        })

这是我的 karma.conf.js 文件，

module.exports = function(config) {
    config.set({
        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: '../',

        frameworks: ['jasmine'],

        // list of files / patterns to load in the browser
        files: [
          'app/vendor/angular/angular.js',
          'app/vendor/angular-route/angular-route.js',
          'app/vendor/angular-cookies/angular-cookies.js',
          'app/vendor/angular-resource/angular-resource.js',

          'app/vendor/jquery/dist/jquery.js',
          'app/vendor/bootstrap/dist/js/bootstrap.js',

          'app/vendor/angular-bootstrap/ui-bootstrap.js',
          'app/vendor/angular-bootstrap/ui-bootstrap-tpls.js',

          'app/vendor/angular-mocks/angular-mocks.js',
          'app/src/core/declarations.js',
          'app/src/**/*.js',
          'app/src/**/*.spec.js'
        ],

angularjs 我正在使用的版本 - 1.4.7

Answer 1

在测试中，您模拟了 ngRoute 模块，因此您没有 $routeProvider。您必须注入 actual 模块。尝试：

beforeEach(function () {
    module('ngRoute');
    module('com.cmp.mod.features.sources');
});

并删除以下内容：

angular.mock.module('ngRoute', []);

茉莉花测试中的未知提供者错误

Unknown provider error in jasmine test

angularjs

karma-jasmine

gulp-karma