web-dev-qa-db-ja.com

AngularモジュールはKarma Jasmineテスト実行では使用できません

開発にangularフルスタックを使用しています。私のkarma.conf.jsファイルは

files: [             
    'app/bower_components/jquery/jquery.js',
    'app/bower_components/angular/angular.js',
    'app/bower_components/angular-mocks/angular-mocks.js',
    'app/bower_components/angular-cookies/angular-cookies.js',
    'app/bower_components/angular-resource/angular-resource.js',
    'app/bower_components/angular-route/angular-route.js',
    'app/bower_components/angular-sanitize/angular-sanitize.js',
    'app/bower_components/angular-scenario/angular-scenario.js',
    'app/scripts/controllers/*.js',
    'app/scripts/directives/*.js',
    'app/scripts/services/*.js',
    'app/scripts/app.js',
    'lib/routes.js',           
    'test/karma/unit/**/test.spec.js'      
],

テスト仕様：

'use strict';

(function() {
describe('App', function() {

    describe('TestController', function() {

        beforeEach(function() {
            this.addMatchers({
                toEqualData: function(expected) {
                    return angular.equals(this.actual, expected);
                }
            });
        });

        // Load the controllers module
        beforeEach(module('ratefastApp'));

        // Initialize the controller and a mock scope
        var TestController,
            mockUserResource,
            scope,
            $httpBackend,
            $routeParams,
            $location;

        // The injector ignores leading and trailing underscores here (i.e. _$httpBackend_).
        // This allows us to inject a service but then attach it to a variable
        // with the same name as the service.

        beforeEach(
            inject(function($controller, $rootScope, _$location_, _$routeParams_, _$httpBackend_) {
            scope = $rootScope.$new();
            TestController = $controller('TestController', {
                $scope: scope
            });
            $routeParams = _$routeParams_;
            $httpBackend = _$httpBackend_;
            $httpBackend.when('GET', '/api/test/page/:pagenum')
                .respond([{title: 'test'}]);
            $location = _$location_;

        }));
    });
});
});

上記を実行すると、$injector:nomod Module is not available。

javascriptangularjsjasminekarma-runner
22
sergioramosiker

モジュールは、残りのアプリケーションの前にカルマファイルにロードする必要があります。

これは、「モジュールがまだ定義されていないときに依存関係の配列なしでangular.moduleを呼び出すと、このエラーがスローされる」 docs.angularjs.org だからです。したがって、残りのアプリケーションの前に、ファイルを明示的にロードする必要があります。

Karma.config JavaScriptファイル：

    'app/bower_components/jquery/jquery.js',
    'app/bower_components/angular/angular.js',
    'app/bower_components/angular-mocks/angular-mocks.js',
    'app/bower_components/angular-cookies/angular-cookies.js',
    'app/bower_components/angular-resource/angular-resource.js',
    'app/bower_components/angular-route/angular-route.js',
    'app/bower_components/angular-sanitize/angular-sanitize.js',
    'app/bower_components/angular-scenario/angular-scenario.js',

    'app/scripts/app.js',        // Load your module before the rest of your app.

    'app/scripts/controllers/*.js',
    'app/scripts/directives/*.js',
    'app/scripts/services/*.js',
    'lib/routes.js',           
    'test/karma/unit/**/test.spec.js'
48
angmerica

このエラーは、一部のモジュールが見つからないことを示しています。具体的には loader.jsのソース は、angular.moduleでモジュールを登録していない場合にこのエラーがスローされることを示しているようです。 ratefastAppでこれを実行しましたか？コピーしたソースは次のとおりです。

    if (!requires) {
      throw $injectorMinErr('nomod', "Module '{0}' is not available! You either misspelled " +
         "the module name or forgot to load it. If registering a module ensure that you " +
         "specify the dependencies as the second argument.", name);
    }

また、モックで$controller, $rootScope, _$location_, _$routeParams_, _$httpBackend_をインジェクトしようとしているので $ inject なので、karma.conf.jsにこれらのサービスを含むファイルがあることを確認することから始めますfilesディレクティブ。ワイルドカードを使用して、すべてのangularファイルを含めることもできます。

0
ossek