"Błąd: nieoczekiwany wniosek" podczas testu jednostki kątowej Karma

Question

Podczas uruchamiania grunt karma test jednej z dyrektyw kończy się niepowodzeniem podczas próby pobrania szablonu. Używam ng-html2js jako preprocesora. Oto niektóre z moich karma.conf.js

plugins: ['karma-chrome-launcher', 
      'karma-jasmine', 
      'ng-html2js', 
      'karma-ng-html2js-preprocessor'], 

preprocessors: { 
    'app/scripts/directives/**/*.html': 'ng-html2js' 
}, 

ngHtml2JsPreprocessor: { 
    moduleName: 'templates' 
} 

W moim testu mam następujące:

'use strict'; 

describe('Directive: myDirective', function() { 

    // load the directive's module 
    beforeEach(module('myApp')); 
    beforeEach(module('templates')); 

    var element, 
    scope; 

    beforeEach(inject(function ($rootScope) { 
    scope = $rootScope.$new(); 
    })); 

    it('should not show search area initially', inject(function ($compile) { 
    element = angular.element('<navbar></navbar>'); 
    element = $compile(element)(scope); 
    scope.$digest(); 
    expect(element.find('.myClass').hasClass('myClass')).toBe(true); 
    })); 
}); 

Kiedy wykonać test, mam

Error: Unexpected request: GET /scripts/directives/myDirective/myDirective.html

Wygląda na to, że preprocesor nie wstrzykuje poprawnie wersji javascript szablonu.

Próbowałem również przy użyciu ścieżki szablonu w beforeEach(module('')); ale powoduje błąd, który brzmi:

Error: [$injector:modulerr] Failed to instantiate module...

Jak mogę rozwiązać ten problem?

Answer 1

miałem niby ten sam problem. Upewnij się, że masz dokładne dopasowanie pliku. Otwórz konsolę chrome Chrome i sprawdź, czy ścieżka do pliku jest dokładnie taka sama.

W górnej exemple, musiałem dodać "/" ciąg w ngHtml2JsPreprocessor.stripPrefix i to działało. Tak więc z Yeomanem powinieneś użyć:

ngHtml2JsPreprocessor: { 
    moduleName: 'templates', 
    stripPrefix: 'app/' //add a slash 
} 

Answer 2

Ponieważ używałem Yeoman narzędzie do rusztowania mojego projektu, musiałem dodać stripPrefix do opcji ngHtml2JsPreprocessor w moim pliku karma.conf.js:

ngHtml2JsPreprocessor: { 
    moduleName: 'templates', 
    stripPrefix: 'app' 
}