15

我正在尝试在 Angular 中测试指令，但我无法让相应的模板正常工作。

该指令像这样列出 templateUrl

templateUrl: 'directives/listview/view.html'

现在，当我编写任何单元测试时，我得到

Error: Unexpected request: GET directives/listview/view.html

所以我必须使用 $httpBackend 并用一些合理的东西来回应，比如

httpBackend.whenGET('directives/listview/view.html').respond("<div>som</div>");

但我真的想简单地返回实际文件，并且同步执行，所以等待、延迟对象等没有问题。怎么做？

4

2 回答 2

13

我现在使用https://github.com/karma-runner/karma-ng-html2js-preprocessor。它所做的是读取您使用的所有模板，将它们转换为 Angular 模板，并将它们设置在 $templateCache 上，因此当您的应用需要它们时，它将从缓存中检索它们，而不是从服务器请求它们。

在我的业力 conf 文件中

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

它有效！

于 2013-10-12T15:53:46.123 回答
10

确保在 beforeEach 中包含 ngMockE2E 模块

如果不whenGET调用 $browser 服务 mock 将不会被实例化，并且返回值不会设置passThrough函数

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

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

angular-mocks.js 中设置的位置：

有问题的源代码在 $httpBackend mock 的when函数中：

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;
}
于 2013-10-11T14:19:11.513 回答