angularjs with requirejs and karma testing - inject undefined - angularjs

Question

I have a project that is using angularjs with requirejs and testing with karma. I am having trying with testing a service in the project.
These are my files that I have configured with angularjs, requirejs, and karma. When I run my service test I get this error TypeError: Cannot read property 'inject' of undefined. If I comment out the beforeEach part in the test code everything runs fine, but I can't do that in the real tests.
test-main.js
var allTestFiles = [], file;
for (file in window.__karma__.files) {
if (window.__karma__.files.hasOwnProperty(file)) {
if(/test\.js$/.test(file)) {
allTestFiles.push(file);
}
}
}
require.config({
baseUrl: '/base',
// alias library paths
// must set 'angular'
paths: {
'jquery': 'web/common/js/vendor/jquery-1.10.2/jquery-1.10.2.min',
/* common includes */
'angular' : 'web/common/js/vendor/angular/angular',
'angular-ui-router' : 'web/common/js/vendor/angular/angular-ui-router.min',
'angular-css-injector' : 'web/common/js/vendor/angular/angular-css-injector',
'angular-animate' : 'web/common/js/vendor/angular/angular-animate.min',
'angularAMD' : 'web/common/js/vendor/angular/angularAMD',
'ssss-abs-tpls' : 'web/common/js/sandbox/ssss-abs-tpls',
'angular-sanitize' : 'web/common/js/sandbox/angular-sanitize',
'modernizr' : 'web/common/js/vendor/modernizr/modernizr',
'scrollToPlugin' : 'web/common/js/vendor/ScrollToPlugin/ScrollToPlugin',
'TweenMax' : 'web/common/js/vendor/TweenMax/TweenMax',
'gestures' : 'web/common/js/vendor/gestures/gestures',
'ssss-base' : 'web/common/js/framework/ssss.base',
'hammer' : 'web/common/js/framework/hammer',
'angular-mocks' : 'web/common/js/vendor/angular/angular-mocks',
/* controllers,not listed*/
/* services */
'MyService' : 'app/services/models/MyService',
/* directives, not listed*/
/* router */
'MyApp' : 'app/MyApp',
/*utils*/
'Message' : 'app/utils/message'
},
/* For angular modules that do not support AMD out of the box, specify them in shim */
shim: {
'angular-ui-router' : ['angular'],
'gestures': ['angular'],
'angular-sanitize': ['angular'],
'angular-css-injector': ['angular'],
'angular-animate': ['angular'],
'ssss-session': ['angular'],
'ssss-abs-tpls' : ['angular','gestures','angular-sanitize'],
'angular-mocks' : ['angular']
},
/* kick start the application */
//deps: ['eMaintenance'],
deps: allTestFiles,
// we have to kickoff jasmine, as it is asynchronous
callback: window.__karma__.start
});
karma.conf.js
// Karma configuration
// Generated on Wed Nov 05 2014 15:22:19 GMT-0600 (Central Standard Time)
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', 'requirejs'],
// list of files / patterns to load in the browser
files: [
{pattern: 'web/common/*.js', included: false},
{pattern: 'web/common/**/*.js', included: false},
{pattern: 'app/*.js', included: false},
{pattern: 'app/**/*.js', included: false},
{pattern: 'test/*.js', included:false},
{pattern: 'test/**/*.js', included:false},
{pattern: 'test-main.js', included: true}
],
// list of files to exclude
exclude: [
/*requirejs paths file*/
'app/main.js'
],
// 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,
plugins:[
'karma-requirejs',
'karma-chrome-launcher',
'karma-jasmine',
'karma-phantomjs-launcher'
]
});
};
MyService.js
define(['myApp'], function (app) {
app.register.factory("MyService",["$http","$q", function($http, $q) {
getData:function(){
var data = {
"test1":"some data"
};
return {
then:function(myFunc){
myFunc(data);
}
};
}
};
}]);
});
MyService.test.js
define(['angular-mocks','MyApp','MyService'],
function (mocks, app, MyService) {
describe('MyService test', function(){
var service;
beforeEach(mocks.inject(function(MyService){
service = MyService;
}));
it('should do something', function(){
expect('abc').toBe('abc');
});
});
});

Answer 1

Just call inject not mocks.inject ! It should works now !
beforeEach(inject(function(MyService){
service = MyService;
}));