ReferenceError: модуль не определен - Конфигурация Карма/Жасмин с помощью Angular/Приложение Laravel

У меня есть существующее приложение Angular/Laravel, в котором Laravel действует как API для интерфейса angular, обслуживающего только данные JSON. Страница, загружающая приложение angular, index.php, в настоящее время обслуживается Laravel. Оттуда берется angular.

У меня очень трудное время, пытаясь начать работу с кармой/жасмином. При выполнении моих тестов с использованием karma start или karma start karma.conf.js из корневого каталога моего проекта возникает следующая ошибка:

Тем не менее, Chrome-браузер запускается со следующим отображением:

Мой karma.conf.js файл выглядит следующим образом:

Любая помощь будет принята с благодарностью.

Ответы

Ответ 1

Возможно, это поможет кому-то.

Решение для меня состояло в том, чтобы убедиться, что angular-mocks.js был загружен перед моими испытаниями. Если вы не уверены, вы управляете порядком в karma.conf.js в следующем разделе:

// list of files / patterns to load in the browser
files: [
// include files / patterns here

Затем, чтобы мой тест действительно загрузил мое приложение angular, мне пришлось сделать следующее:

describe("hello world", function() {
    var $rootScope;
    var $controller;
    beforeEach(module("YourAppNameHere"));
    beforeEach(inject(function($injector) {

        $rootScope = $injector.get('$rootScope');
        $controller = $injector.get('$controller');
        $scope = $rootScope.$new();

    }));
    beforeEach(inject(function($controller) {
        YourControllerHere = $controller("YourControllerHere");

    }));

    it("Should say hello", function() {
        expect(YourControllerHere.message).toBe("Hello");
    });

});

И в вашем контроллере

app.controller('YourControllerHere', function() {

    this.message = "Hello";

});

Также, другой способ:

describe("YourControllerHere", function() {
    var $scope;
    var controller;

    beforeEach(function() {

        module("YourAppNameHere");

        inject(function(_$rootScope_, $controller) {

            $scope = _$rootScope_.$new();
            controller = $controller("YourControllerHere", {$scope: $scope});

        });

    });

    it("Should say hello", function() {
        expect(controller.message).toBe("Hello");
    });

});

Наслаждайтесь тестированием!

Ответ 2

Ошибка означает, что angular не смог ввести ваш модуль. В большинстве случаев это происходит из-за отсутствия ссылки на файлы script. В этом случае убедитесь, что все ваши файлы script определены в [files] конфигурации кармы. Обратите особое внимание на пути, потому что если ваша папка script имеет вложенную структуру, обязательно укажите ее как таковую. Например:

Scripts/Controllers/One/1.js 
Scripts/Controllers/One/2.js

можно указать в файле karma.conf.js как:

Scripts/Controllers/**/*.js

Ответ 3

Просто оставьте это здесь для будущих искателей.

Если вы используете angular модульные тесты в браузере напрямую без кармы (или в plunkr или jsfiddle ect...) Тогда может быть, что

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.0/angular.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.0/angular-route.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.0/angular-cookies.js"></script> 

    <!-- The Mocha Setup goes BETWEEN angular and angular-mocks -->
    <script>
      mocha.setup({
        "ui": "bdd",
        "reporter": "html"
      });
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.0/angular-mocks.js"></script>
    <script src="myApp.js"></script>
    <script src="myTest.js"></script> <!-- test is last -->

Программа Mocha Setup BETWEEN angular и angular -mocks