Угловое тестирование с использованием passThrough в модульном тестировании

Теперь я использую https://github.com/karma-runner/karma-ng-html2js-preprocessor. Что он делает, так это считывает все шаблоны, которые вы используете, конвертирует их в шаблоны Angular и устанавливает их в $templateCache, поэтому, когда они нужны вашему приложению, оно будет извлекать их из кеша, а не запрашивать их с сервера.

В моем файле конфигурации кармы

files: [
    // templates
    '../**/*.html'
],

preprocessors : {
  // generate js files from html templates
  '../**/*.html': 'ng-html2js'
},

ngHtml2JsPreprocessor: {
    // setting this option will create only a single module that contains templates
    // from all the files, so you can load them all with module('templates')
    moduleName: 'templates'
},

А потом в тесте сделай лайк

// Load templates
angular.mock.module('templates');

И это работает!

Обязательно включите модуль ngMockE2E в свой файл beforeEach.

Если вы этого не сделаете, макет службы $browser не будет создан при вызове whenGET, а возвращаемое значение не будет устанавливать функцию passThrough

beforeEach(function() {
   module('yourModule');
   module('ngMockE2E'); //<-- IMPORTANT!

   inject(function(_$httpBackend_) {
    $httpBackend = _$httpBackend_;
    $httpBackend.whenGET('somefile.html').passThrough();
   });
});

Место в angular-mocks.js, где это настроено:

Рассматриваемый исходный код находится в функции when $httpBackend mock:

function (method, url, data, headers) {
  var definition = new MockHttpExpectation(method, url, data, headers),
      chain = {
        respond: function(status, data, headers) {
          definition.response = createResponse(status, data, headers);
        }
      };

  if ($browser) {
    chain.passThrough = function() {
      definition.passThrough = true;
    };
  }
  definitions.push(definition);
  return chain;
}