Javascript 无法在角指令的Karma测试中加载模板HTML文件

尽管有些人有相同的问题（如[here][1]或[there][2]），但我没有成功地在Angular（1.2.25）应用程序中测试我的指令

以下是我的项目结构：

myapp
  +- src/main/java/resources/META-INF/resources/workflow/directives
  |   +- directives.js
  |   +- *.html  (all templates)
  +- src/test/javascript
      +- karma.conf.js
      +- spec/directives
          +- text-input.spec.js

（是的，不是一个好的结构，但我的Angular应用程序被困在Java项目中）

我的业力配置：

// Karma configuration
module.exports = function (config) {

    config.set({
        ...
        // base path, that will be used to resolve files and exclude
        basePath: '',
        // testing framework to use (jasmine/mocha/qunit/...)
        frameworks: ['jasmine'],
        // list of files / patterns to load in the browser
        files: [
            // Third parties dependencies: jQuery, Angular, Angular modules, Angular mocks
            '../../main/resources/META-INF/resources/workflow/bower_components/...', 

            // My directives
            '../../main/resources/META-INF/resources/workflow/directives/*.html',
            '../../main/resources/META-INF/resources/workflow/directives/*.js',

            // My application
            '../../main/resources/META-INF/resources/workflow/scripts/*.js',
            '../../main/resources/META-INF/resources/workflow/app/**/*.js',

            // My Test files
            'spec/directives/*.js'
        ],

        // list of files / patterns to exclude
        exclude: [],
        // web server port
        port: 8888,

        browsers: [ 'Chrome' ],

        // Which plugins to enable
        plugins: [
            'karma-ng-html2js-preprocessor',
            'karma-chrome-launcher',
            'karma-jasmine'
        ],

        preprocessors: {
            '../../main/resources/META-INF/resources/workflow/directives/*.html': [ 'ng-html2js' ]
        },
        ngHtml2JsPreprocessor: {
            // Not sure what to put here...
        },
        ...
    });
};

我的测试：

describe('directive: text-input', function() {
    var element, scope;
    beforeEach(module('myApp'));

    beforeEach(inject(function($rootScope, $compile) {
        scope = $rootScope.$new();
        element = '<div my-input-text data-label="Foo" data-model="bar"></div>';
        element = $compile(element)(scope);
        scope.$digest();
    }));

    describe('basics tests', function() {
        it('should be editable', function () {
            expect(element.text()).toBe('Foo');
        });
    });
});

当运行测试（

grunt karma

）时，我得到了以下错误：

Chrome 31.0.1650 (Windows 7) directive: text-input basics tests should be editable FAILED
    Error: Unexpected request: GET directives/text-input.html
    No more request expected

我仍然不知道我在预处理器中做错了什么。我在

ngHtml2JsPreprocessor

中尝试了很多不同的配置，但错误总是一样的。 我在调试日志中看到，预处理器正在处理我的模板HTML文件：

DEBUG [preprocessor.html2js]: Processing "d:/dev/my-app/src/main/resources/META-INF/resources/workflow/directives/text-input.html".

---

谢谢。

我终于找到了解决办法。 在我的

karma.conf.js

中，我设置了一个

模块名

，如下所示：

    ngHtml2JsPreprocessor: {
        moduleName: 'my-directives'
    },

然后，在我的茉莉花测试中，我加上：

beforeEach(module('myApp'));
beforeEach(module('my-directives'));

另一个解决方案是直接将HTML文件设置为模块，而不更改

karma.conf.js

：

beforeEach(module('directives/text-input.html'));

但这不是一个好的解决方案，因为我有十几条

指令/*.html

beforeEach(module('directives/text-input.html'));