Подтвердить что ты не робот

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.

4b9b3361

Ответ 1

Модуль необходимо загрузить в ваши файлы кармы до остальной части приложения.

Это связано с тем, что "Вызов angular.module без массива зависимостей, когда модуль еще не определен, вызывает эту ошибку: docs.angularjs.org. Поэтому вы должны явно загружать файлы перед остальной частью вашего приложения.

В ваших файлах javascript Karma.config:

    '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' 

Ответ 2

Эта ошибка указывает, что какой-либо модуль не найден. В частности, источник для 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_, с помощью mock $inject, я бы начал с того, что у вас есть файлы содержащие эти службы в вашей директиве karma.conf.js files. Вы также можете использовать подстановочные знаки для включения всех файлов angular.