Jasmine 给出 Cannot read 属性 'getXHR' of null for Angular 2 单元测试

Question

我在网上找到了很多单元测试的例子Angular 2 用http 调用。但是，当我进行自己的测试并且运行 Jasmine 时，它给了我一个错误：

http Http .request() should accept a fully-qualified request as its only parameter

Failed: Cannot read property 'getXHR' of null

import {
  afterEach,
  beforeEach,
  ddescribe,
  describe,
  expect,
  iit,
  inject,
  injectAsync,
  it,
  xit
} from "angular2/testing";
import {Injector, provide} from "angular2/core";
import {MockBackend, MockConnection} from "angular2/src/http/backends/mock_backend";
import {
  BaseRequestOptions,
  ConnectionBackend,
  Request,
  RequestMethod,
  RequestOptions,
  Response,
  ResponseOptions,
  URLSearchParams,
  JSONP_PROVIDERS,
  HTTP_PROVIDERS,
  XHRBackend,
  JSONPBackend,
  Http,
  Jsonp
} from "angular2/http";
import {Observable} from "rxjs/Observable";
import {Subject} from "rxjs/Subject";

describe("http", () => {
    let url = "http://foo.bar";
    let http: Http;
    let injector: Injector;
    let backend: MockBackend;
    let baseResponse;
    let jsonp: Jsonp;
    beforeEach(() => {
      injector = Injector.resolveAndCreate([
        BaseRequestOptions,
        MockBackend,
        provide(
            Http,
            {
              useFactory: function(backend: ConnectionBackend, defaultOptions: BaseRequestOptions) {
                return new Http(backend, defaultOptions);
              },
              deps: [MockBackend, BaseRequestOptions]
            }),
        provide(
            Jsonp,
            {
              useFactory: function(backend: ConnectionBackend, defaultOptions: BaseRequestOptions) {
                return new Jsonp(backend, defaultOptions);
              },
              deps: [MockBackend, BaseRequestOptions]
            })
      ]);
      http = injector.get(Http);
      jsonp = injector.get(Jsonp);
      backend = injector.get(MockBackend);
      baseResponse = new Response(new ResponseOptions({body: "base response"}));
    });

    afterEach(() => backend.verifyNoPendingRequests());

    describe("Http", () => {

      describe(".request()", () => {
        it("should return an Observable",
           () => { expect(http.request(url)).toBeAnInstanceOf(Observable); });


        it("should accept a fully-qualified request as its only parameter",
           inject([injectAsync], (async) => {
             backend.connections.subscribe(c => {
               expect(c.request.url).toBe("https://google.com");
               c.mockRespond(new Response(new ResponseOptions({body: "Thank you"})));
               async.done();
             });
             http.request(new Request(new RequestOptions({url: "https://google.com"})))
                 .subscribe((res) => {});
           }));

         });
       });
     });

有没有想过我做错了什么？

Answer 1

您当前 (beta.1) 需要在运行单元测试之前设置 BrowserDomAdapter Angular 2.

使用karma-test.shim.js

这可以通过将 karma-test.shim.js 添加到您的项目来完成，其中包含适当的初始化：

System.import('angular2/src/platform/browser/browser_adapter')
.then(function(browser_adapter) {
  browser_adapter.BrowserDomAdapter.makeCurrent();
})

请注意，如果您使用的是 angular-cli。

，则应为您完成此操作

直接在unit-test

或者直接在单元测试中，通过添加一个import:

import {BrowserDomAdapter} from 'angular2/src/platform/browser/browser_adapter';

然后设置 DOM 适配器

BrowserDomAdapter.makeCurrent();

Jasmine 给出 Cannot read 属性 'getXHR' of null for Angular 2 单元测试

Jasmine gives Cannot read property 'getXHR' of null for Angular 2 unit test

unit-testing

angular

angular2-services