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 夹具文件添加到以下目录中：

C:\Workspace\PLAN_BUILDER\branches4623.1.0.0\spec\javascripts\fixtures

我是运行来自 :

的“gradlew 测试”

C:\Workspace\PLAN_BUILDER\branches4623.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');

我不知道 jasmine-jquery 正在使用 $.ajax 调用从磁盘加载夹具 html 文件。显然 jasmine-ajax 覆盖了 $.ajax 行为。

谢谢。

Jasmine / Karma 无法正确加载 Fixture HTML

Jasmine / Karma Unable to load Fixture HTML correctly

jquery

jasmine

jasmine-jquery

karma-runner

karma-jasmine