Jasmine/Karma无法正确加载Fixture HTML

Question

我创建了一个简单的Fixture HTML和Jasmine测试。

<div id="testid">A</div>

这是我的测试代码。

define(['jquery'], function($) {
'use strict';
describe("Jasmine Fixture Test", function() {
beforeAll(function(done) {
jasmine.Ajax.install();
done();
});
afterAll(() => {
jasmine.Ajax.uninstall();
});
beforeEach(function() {
});
it("Test Fixture", function(done) {
loadFixtures('TestFixture.html');
expect($('#jasmine-fixtures')).toHaveId('jasmine-fixtures');
expect($( '#testid' )).toHaveId('testid');
expect($( '#testid' )).toHaveText('A');
expect(true).toBeTruthy();
done();
});
});
});

调用loadFixture时没有错误。

我已经将html fixture文件添加到以下目录中：

C:WorkspacePLAN_BUILDERbranches634623.1.0.0specjavascriptsfixtures

我在跑步；gradlew试验"；来自：

C:WorkspacePLAN_BUILDERbranches634623.1.0.0

我将调试语句添加到karma jasmine jquery库中，如下所示：

jasmine.Fixtures.prototype.loadFixtureIntoCache_ = function (relativeUrl) {
console.log(relativeUrl);
console.log(this.makeFixtureUrl_(relativeUrl));
var self = this
, url = this.makeFixtureUrl_(relativeUrl)
, htmlText = ''
, request = $.ajax({
async: false, // must be synchronous to guarantee that no tests are run before fixture is loaded
cache: false,
url: url,
timeout: 2000,
success: function (data, status, $xhr) {

console.log(data);
console.log(status);
console.log($xhr.responseText);
htmlText = $xhr.responseText
}
}).fail(function ($xhr, status, err) {
console.log(err);
console.log(status);
throw new Error('Fixture could not be loaded: ' + url + ' (status: ' + status + ', message: ' + err.message + ')')
}).always(function() {
alert( "complete" );
}
);
console.log("after");
console.log(htmlText);
...

输出是这样的：

LOG LOG: 'TestFixture.html'
LOG LOG: 'spec/javascripts/fixtures/TestFixture.html'
LOG LOG: 'after'
LOG LOG: ''

因此，成功或失败方法回调都不会从$.ajax调用中调用，而这个htmlText是空的。

谢谢你的建议。

Answer 1

问题是我正在调用

jasmine.Ajax.install();

之前

loadFixtures('TestFixture.html');

我不知道jasminejquery使用$.ajax调用从磁盘加载fixture html文件。很明显，jasmine-ajax覆盖了$.ajax行为。

谢谢。