0
经过几天的研究,并尝试了很多例子,我无法获得一个带有templateUrl的指令在karma测试中运行(该指令的行为与我在普通应用程序中的行为相同)。karma指令templateUrl
这是我有:
karma.conf.js:
...
// list of files/patterns to load in the browser
files: [
'js/vendor/angular/angular.min.js',
'js/vendor/angular/angular-mocks.js',
'js/common/module.js',
'js/common/*Service.js',
'js/common/*Factory.js',
'moduleToTest/js/module.js',
'moduleToTest/js/controller.js',
'moduleToTest/js/directive.js',
'moduleToTest/index.html',
'test/*tests.js'
],
// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
// karma-ng-html2js-preprocessor for templates in directives
'moduleToTest/index.html': 'ng-html2js'
},
...
噶测试:
describe('Directive Tests',function(){
var $compile, $rootScope, $scope, element;
//beforeEach(module('./moduleToTest/index.html')); // ???
beforeEach(inject(
['$compile','$rootScope',function($c,$r){
$compile = $c;
$rootScope = $r;
$scope = $r.$new();
element = angular.element('<module-to-test-dir></module-to-test-dir>');
$compile(element)($scope);
//$r.$digest(); // Load the template ???
}]
));
it('should have N inputs',function(){
expect(element.html()).not.toBe([]); //element.html()===[] right now
});
});
moduleToTest/JS/directive.js
angular.module('ModuleToTest').directive('moduleToTestDir',moduleToTestDir);
function moduleToTestDir(){
return {
restrict: 'E',
controller: 'moduleToTestCtrl',
templateUrl: 'moduleToTest/index.html'
};
};
欢迎任何建议,问题,澄清或答案!