karma指令templateUrl

Question

經過幾天的研究，並嘗試了很多例子，我無法獲得一個帶有templateUrl的指令在karma測試中運行（該指令的行爲與我在普通應用程序中的行爲相同）。

這是我有：

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' 
    }; 
}; 

歡迎任何建議，問題，澄清或答案！

Answer 1

好吧，我正在回答我自己的問題，但我希望這有助於下一個嘗試學習Karma的人。

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/index.html', // --> Needs to come before .js files <-- 
    'moduleToTest/js/module.js', 
    'moduleToTest/js/controller.js', 
    'moduleToTest/js/directive.js', 
    'test/*tests.js' 
], 

噶測試：

describe('module testing', function(){ 

    beforeEach(module('ModuleToTest')); 

    ... // Other component tests on module 

    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 not be empty',function(){ 
      expect(element.html()).not.toBe(''); 
     }); 
    }); 

});