Wie teste ich ein browserify-Projekt mit Karma / Jasmin?
Ich bin völlig neu in dem Konzept des Testens, und ich brauche ein solides Beispiel dafür, wie es in meinem Projekt gemacht wird:
Ich habe eine Schluck-Datei geht so (nicht alles, nur die wichtigen Teile)
gulp.task('bundle', function() {
gulp.src('public/angular-app/main.js')
.pipe(browserify({
debug: true
}))
.pipe(gulp.dest('public/min-js'));
});
Dies ist ein kleiner Teil meiner main.js:
'use strict';
angular.module('myApp', [
'ui.router',
'ui.bootstrap',
'ngSanitize',
'ngFx',
...
], ['$interpolateProvider',
function($interpolateProvider) {
$interpolateProvider.startSymbol('{{');
$interpolateProvider.endSymbol('}}');
}
])
.config(require('./config/routes'))
.config(require('./config/authInterceptor'))
.run(require('./config/runPhase'))
.run(require('./config/xeditable'))
.controller('homeController', require('./controllers/homeController'))
.controller('modalInstanceCtrl', require('./controllers/modalInstanceCtrl'))
.controller('modalparticipantCtrl',require('./controllers/modalParticipantCtrl'))
.controller('generatorController',require('./controllers/generatorController'))
.controller('navController', require('./controllers/navController'))
.controller('signInController', require('./controllers/signInController'))
.controller('pricingController', require('./controllers/pricingController'))
.controller('howItWorksController',require('./controllers/howItWorks'))
...
Now das ist meine Konfigurationsdatei für Karma:
module.exports = function(config) {
config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '',
// frameworks to use
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: [
'public/vendor/jquery/dist/jquery.js',
'public/vendor/angular/angular.js',
'public/vendor/angular-mocks/angular-mocks.js',
'public/angular-app/**/*.js',
'test/**/*Spec.js'
],
// list of files to exclude
exclude: [
],
Wenn ich Karma mit Karma starte, bekomme ich Folgendes:
Ungefangener Referenzfehler: require ist nicht unter root / public / angular-app / main.js definiert.
So ist meine Frage einfach, wie kann ich zum Beispiel auf meinem homeController testen ...
//aktualisiere
So habe ich meine Testdatei folgendermaßen aktualisiert:
describe("An Angularjs test suite",function(){
var target, rootScope;
beforeEach(inject(function($rootScope) {
rootScope = $rootScope;
// Mock everything here
spyOn(rootScope, "$on")
}));
beforeEach(inject(function(homeController) {
target = homeController;
}));
it('should have called rootScope.$on', function(){
expect(rootScope.$on).toHaveBeenCalled();
});
});
und meine Konfigurationsdatei dazu:
// list of files / patterns to load in the browser
files: [
'public/vendor/jquery/dist/jquery.js',
'public/vendor/angular/angular.js',
'public/vendor/angular-mocks/angular-mocks.js',
'public/min-js/main.js',
'test/**/*Spec.js'
],
// list of files to exclude
exclude: [
],
browserify: {
watch: true,
debug: true
},
preprocessors: {
'test/*': ['browserify']
},
Noch nichts funktioniert, zuerst sagt er 'unknown provider homeControllerProvider', jetzt wenn ich sie lösche Zeilen:
beforeEach(inject(function(homeController) {
target = homeController;
}));
es gibt mir immer noch eine Fehlermeldung aus, der erwartete Spion wird aufgerufen. Wie behebe ich das?