AngularJS directive isn't loaded during unit test - angularjs

Question

This is my configuration for Karma:
options: {
browsers: ['PhantomJS'],
frameworks: ['jasmine'],
plugins: [
'karma-jasmine',
'karma-phantomjs-launcher'
],
reporters: 'dots',
urlRoot: '/',
autoWatch: false,
background: false,
singleRun: true,
basePath: '.',
},
tests: {
files: {
src: [
'lib/angular/build/angular.js',
'lib/angular/build/angular-mocks.js',
'src/components/**/*.js'
]
}
}
I've the following directive:
angular.module('myContainerModule', []).directive('myContainer', function() {
return {
restrict: 'E',
scope: {
},
replace: true,
transclude: true,
template: '<section ng-transclude></section>',
compile: function() {
console.log('compile');
return {
pre: function() {
console.log('pre-link');
},
post: function() {
console.log('post-link');
}
};
},
controller: function() {
console.log('controller')
}
};
})
Also the unit test for that:
describe('myContainer', function () {
var element, scope;
beforeEach(angular.module('myContainerModule'))
beforeEach(inject(function($rootScope, $compile) {
element = angular.element(
'<my-container>' +
' {{foo}}' +
'</my-container>'
);
scope = $rootScope;
scope.foo = 'bar';
$compile(element)(scope);
scope.$digest();
}))
it('should be replaced by a `section` tag', function() {
console.log(element[0].outerHTML);
expect(element[0].tagName).toBe('SECTION');
})
})
The test runner tells me:
Running "karma:tests" (karma) task
INFO [karma]: Karma v0.12.31 server started at http://localhost:9876/
INFO [launcher]: Starting browser PhantomJS
INFO [PhantomJS 1.9.8 (Linux)]: Connected on socket 1XZDEfFUCHhoCoH7a5LR with id 14712662
LOG: '<my-container class="ng-binding ng-scope"> bar</my-container>'
..
PhantomJS 1.9.8 (Linux) Container should be replaced by a `section` tag FAILED
Expected 'MY-CONTAINER' to be 'SECTION'.
at [...]
Why is the directive myContainer ignored? When I do the same manually in the browser it works.

Answer 1

The problem is this line the unit test:
beforeEach(angular.module('myContainerModule'))
It has to be:
beforeEach(module('myContainerModule'))