javascript - 使用 requirejs 的 Angular Material 设计单元测试 angularjs 指令会引发 "GET"错误

Question

我的应用使用 requirejs 和 angularjs。我正在使用 text! 来加载我的模板(以免在我的指令中使用 templateURL)。一切正常 - 除非指令之一在其模板中包含图像。

我现在正在尝试为模板中带有图标的新指令设置我的测试，但没有成功。例如，我有以下指令模板:

<buttonDirective>
  <md-icon md-svg-src="/android.svg" alt="android "></md-icon>
</buttonDirective>

Karma 对我大喊“/android.svg”正在被调用(已知的“GET”错误:意外请求:GET IMAGEFILEPATH)。

我尝试将我的图像文件添加到 karma 配置中，但这并没有解决问题。

除了不使用 md-icon 之外，还有什么解决办法吗？ (当我将 md-icon 更改为简单图像时它起作用，所以我猜问题是 md-icon 指令正在使用对 svg 文件的一些异步调用，而 Karma 讨厌这样......)。

Answer 1

我通过使用 $httpBackend 来模拟请求来解决这个问题:

beforeEach(inject(function(_$compile_, _$rootScope_, _$httpBackend_) {
    $compile = _$compile_;
    $rootScope = _$rootScope_;
    $httpBackend = _$httpBackend_;

    $httpBackend
        .whenGET('images/ic_forward_24px.svg')
        .respond('');

    $httpBackend
        .whenGET('images/ic_backward_24px.svg')
        .respond('');

    $rootScope.$digest();

}));