I can't figure out why the link function of my directive isn't being called in a Jasmine test. I've created a simple example to illustrate.
Here is the code for my directive (TestDirective.js):
'use strict';
angular.module('comp-one').directive('test',function(){
return{
restrict:'E',
templateUrl:'components/comp-one/html/TestTemplate.html',
scope:true,
link:function(scope){
scope.test='xxx';
}
};
});And this is the Testcase:
'use strict';
describe('testDirective',function(){
var $compile, $rootScope, element;
beforeEach(module('comp-one'));
beforeEach(module('templates'));
beforeEach(inject(function(_$rootScope_,_$compile_){
$compile = _$compile_;
$rootScope = _$rootScope_;
}));
it('xxx', function(){
var html = '<test></test>';
element = $compile(html)($rootScope);
$rootScope.$digest();
expect( $rootScope.test ).toBe('xxx');
});
});The tests failed because the link function never gets called and the xxx variable remains undefined. I expected the link function to be executed by the "$compile(html)($rootScope);" statement. When I set a breakpoint within the link function and run the application (not the test) in a browser, the link function is indeed called.
I am running the Tests with Karma, and it seems to locate the file based on the console output:
Processing "D:/JWS/test/workspace/bla/app/components/comp-one/scripts/TestDirective.js".
Edit:
After some digging, I discovered that the test runs successfully when I set the scope to false. But I'm wondering if there's a way to test the link function with an isolated scope?