Question

我正在尝试使用jasmine-ajax在单元测试中模拟XMLHttpRequest。我已经使用Aurelia CLI生成了我的应用程序，并且正在使用Karma作为单元测试运行器。

对于单元测试，我尝试导入jasmine-ajax：

import * as jasmine from 'jasmine-ajax';

describe('when calling the API', () => {
  beforeEach(() => {
    jasmine.Ajax.install();
  });

  afterEach(() => {
    jasmine.Ajax.uninstall();
  });

  it('then it should get an answer back', () => {
    var doneFn = jasmine.createSpy("success");

    var xhr= new XMLHttpRequest();
    xhr.onreadystatechange = function(args) {
      if(this.readyState == this.DONE) {
        doneFn(this.responseText);
      }
    };

    xhr.open("GET", "https://someaddress.net/api/plans");
    xhr.send();

    expect(jasmine.Ajax.requests.mostRecent().url).toBe("https://someaddress.net/api/plans");
    expect(doneFn).not.toHaveBeenCalled();

    jasmine.Ajax.requests.mostRecent().respondWith({
      "status":200,
      "contentType": 'text/plain',
      "responseText": 'awesome response'
    });

    expect(doneFn).toHaveBeenCalledWith('awesome response');

  });
});

使用Karma进行测试时，我得到：

TypeError：jasmine_ajax__WEBPACK_IMPORTED_MODULE_0 __。jasmine是在test / karma-bundle.js第3146行中未定义> eval（第7行）

我发现我已经安装的jasmine-ajax有一个类型定义

npm i @ types /茉莉花ajax

然后我删除了jasmine-ajax的import语句，这导致以下错误：

TypeError：jasmine.Ajax在test / karma-bundle.js第3134行> eval（第3行）中未定义

那我在做什么错呢？

我正在使用Jasmine 3.3.9，Jasmine-ajax 3.4.0，karma 4.0.1，打字稿2.9.2和webpack 4.4.25

Answer 1

在安装了karma-jasmine-ajax（https://github.com/IDCubed/karma-jasmine-ajax）并将'jasmine-ajax'添加到karma.conf.js中的框架数组之后，它开始工作。

module.exports = function(config) {
  config.set({
    frameworks: ['jasmine-ajax', 'jasmine']
  });
}

使用jasmine-ajax模拟XMLHttpRequest给出jasmine.ajax = undefined

1 个答案: