Question

在尝试对我的指令运行单元测试时，我一直收到此错误：

Error: Unexpected request: GET /assets/partials/project-brand.html
No more request expected

我对可能导致此问题的原因感到困惑。

这是我的karma.conf.js：

files: [
  'js/*.js',
  'partials/*.html',
  '../tests/client/unit/*.js'
]
  preprocessors: {
  'partials/*.html': ['ng-html2js']
},

ngHtml2JsPreprocessor: {
  stripPrefix: 'public/'
}

我的文件组织：

-public
--js
---directives.js

--partials
---project-brand.html

-tests
--client
---unit
----directives.js

我的指示：

.directive('projectBrand', [function() {
  return {
    restrict: 'E',
    scope: {
      brand: '=',
      projectId: '=',
      index: '='
    },
    templateUrl: '/assets/partials/project-brand.html',
    controller: ['$scope', function($scope){
      $scope.isWorking = false;
    }]}}])

最后，我的指令测试文件：

beforeEach(module('app'));
beforeEach(module('partials/project-brand.html'));

beforeEach(inject(function(_$compile_, _$rootScope_){
    $compile = _$compile_;
    $rootScope = _$rootScope_;
    $scope = $rootScope.$new();
    $scope.brand = {id: 1};
    $scope.project.id = 1;
    $scope.index = 0;

    element = angular.element('<project-brand brand="brand" project-id="project.id" index="$index"></project-brand>');
    directive = $compile(element)($scope);
    $scope.$apply();
}));

如果有人有任何建议，我会非常感激！

Answer 1

这是angular如何处理templateUrl的问题之一。我遇到了同样的问题并修复了它看你的文件结构你可以试试'partials / project-brand.html'。如果修复它，请告诉我。

Answer 2

这是遇到类似问题的人的解决方法：

ngHtml2JsPreprocessor: {
  prependPrefix: '/assets/',
  moduleName: 'templates'
}

在指令测试脚本中：

beforeEach(module('templates'));

指令模板问题？

2 个答案: