Жасмин дает Невозможно прочитать свойство getXHR со значением null для модульного теста Angular 2

Я нашел в Интернете много примеров модульного тестирования 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) => {});
           }));

         });
       });
     });

Любые мысли, что я делаю неправильно здесь?


unit-testing angular angular2-services
person Bas van Dijk    schedule 25.01.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

В настоящее время (beta.1) необходимо установить BrowserDomAdapter перед запуском модульного теста в Angular 2.

  1. Использование 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.

  1. Непосредственно в модульном тесте

Или прямо в юнит-тесте, добавив импорт:

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

И позже установка адаптера DOM

BrowserDomAdapter.makeCurrent();
person cexbrayat    schedule 25.01.2016
comment
Это решило ошибку, но вызывает новую :) Я получил: Failed: No provider for injectAsync! - person Bas van Dijk; 25.01.2016
comment
Это потому, что вы пытаетесь внедрить injectAsync, что невозможно. Вероятно, вам просто нужно inject([], () => { и удалить async.done(). - person cexbrayat; 25.01.2016