ReferenceError: модуль не определен-конфигурация Karma / Jasmine с приложением Angular / Laravel
у меня есть существующее приложение Angular/Laravel, в котором Laravel действует как API для углового интерфейса, обслуживающего только данные JSON. Страница, которая загружает приложение angular,index.php, в настоящее время обслуживается Laravel. Оттуда, угловой берет на себя.
у меня есть очень трудное время, пытаясь начать работу с кармой/Жасмин. При выполнении моих тестов с помощью karma start или karma start karma.conf.js из корневого каталога моего проекта, я получаю следующее ошибка:
ReferenceError: module is not defined
полная выход:
INFO [karma]: Karma v0.12.28 server started at http://localhost:9876/
INFO [launcher]: Starting browser Chrome
WARN [watcher]: Pattern "/Users/raph/coding/webroot/digitalocean/rugapp/public/rugapp/*.js" does not match any file.
INFO [Chrome 39.0.2171 (Mac OS X 10.9.5)]: Connected on socket 3OCUMp_xhrGtlGHwiosO with id 7897120
Chrome 39.0.2171 (Mac OS X 10.9.5) hello world encountered a declaration exception FAILED
ReferenceError: module is not defined
at Suite.<anonymous> (/Users/raph/coding/webroot/digitalocean/rugapp/tests/js/test.js:3:16)
at jasmineInterface.describe (/Users/raph/coding/webroot/digitalocean/rugapp/node_modules/karma-jasmine/lib/boot.js:59:18)
at /Users/raph/coding/webroot/digitalocean/rugapp/tests/js/test.js:1:1
Chrome 39.0.2171 (Mac OS X 10.9.5): Executed 2 of 2 (1 FAILED) (0.005 secs / 0.003 secs)
однако chrome broswer запускается со следующим отображением:

мой karma.conf.js файл выглядит следующим образом:
// Karma configuration
// Generated on Mon Dec 22 2014 18:13:09 GMT-0500 (EST)
module.exports = function(config) {
config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: 'public/rugapp/',
// frameworks to use
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: [
'*.html',
'**/*.js',
'../../tests/js/test.js',
'../../tests/js/angular/angular-mocks.js'
],
// list of files to exclude
exclude: [
],
// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
},
// test results reporter to use
// possible values: 'dots', 'progress'
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
reporters: ['progress'],
// web server port
port: 9876,
// enable / disable colors in the output (reporters and logs)
colors: true,
// level of logging
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
logLevel: config.LOG_INFO,
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: ['Chrome'],
// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false
});
};
мой package.json файл показан ниже:
{
"devDependencies": {
"gulp": "^3.8.8",
"karma": "^0.12.28",
"karma-chrome-launcher": "^0.1.7",
"karma-jasmine": "^0.3.2",
"laravel-elixir": "*"
}
}
test.js
describe("hello world", function() {
var CreateInvoiceController;
beforeEach(module("MobileAngularUiExamples"));
beforeEach(inject(function($controller) {
CreateInvoiceController = $controller("CreateInvoiceController");
}));
describe("CreateInvoiceController", function() {
it("Should say hello", function() {
expect(CreateInvoiceController.message).toBe("Hello");
});
});
});
describe("true", function() {
it("Should be true", function() {
expect(true).toBeTruthy();
});
});
любая помощь будет значительно оценил.
4 ответов:
возможно, это кому-то поможет.
решение для меня состояло в том, чтобы убедиться
angular-mocks.jsбыл загружен перед моими тестами. Если вы не уверены, вы контролируете порядок вkarma.conf.jsв следующем разделе:// list of files / patterns to load in the browser files: [ // include files / patterns hereдалее, чтобы заставить мой тест фактически загрузить мое угловое приложение, я должен был сделать следующее:
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"); }); });дегустация!
ошибка означает, что angular не смог ввести ваш модуль. В большинстве случаев это происходит из-за отсутствия ссылки на файлы сценариев. В этом случае убедитесь, что весь ваш файл скрипта определен в разделе [files] конфигурация karma. Обратите особое внимание на пути, потому что если ваша папка сценария имеет вложенную структуру, убедитесь, что список как таковой. Например:
Scripts/Controllers/One/1.js Scripts/Controllers/One/2.jsможно перечислить как в карме.конф.js > файлы как:
Scripts/Controllers/**/*.js
просто оставлю это здесь для будущих искателей.
Если вы запускаете угловые модульные тесты в браузере напрямую без Karma (или в 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 -->установка Мокко идет между угловым и угловым-издевается
я столкнулся с подобным сообщением и получилось у меня
angular-mocksпуть к файлу неправильный. Я использовал npm для установкиangularиangular-mocks, и я неправильно указал их путь в моемKarma.conf.jsтакой:files: [ 'node_modules/angular/angular.js', 'node_modules/angular/angular-mocks.js', 'scripts/*.js', 'tests/*.js' ],Я должен указать путь
angular-mocks.jsа это:'node_modules/angular-mocks/angular-mocks.js'очень простая ошибка, но может занять много времени, чтобы найти, если вы только что начали с модульного тестирования AngularJS и не знали, где искать.
Comments