angular - 用于 Mockups 的 Mock Http 后端

Question

有没有办法模拟 Angular 2 的 Http 对象，梦想是将它用于模型，并拥有与核心代码相同的模型，除了发送到服务器的连接。

Answer 1

有一个 MockBackend，确保它在默认 Backend 之后在 DI 中注册，以便使用它 https://angular.io/docs/ts/latest/api/http/testing/MockBackend-class.html

import {DefaultOptions, Http} from 'angular2/http';
import {MockBackend} from 'angular2/http/testing';
it('should get some data', inject([AsyncTestCompleter], (async) => {
  var connection;
  var injector = Injector.resolveAndCreate([
    MockBackend,
    provide(Http, {useFactory: (backend, defaultOptions) => {
      return new Http(backend, defaultOptions)
    }, deps: [MockBackend, DefaultOptions]})]);
  var http = injector.get(Http);
  var backend = injector.get(MockBackend);
  //Assign any newly-created connection to local variable
  backend.connections.subscribe(c => connection = c);
  http.request('data.json').subscribe((res) => {
    expect(res.text()).toBe('awesome');
    async.done();
  });
  connection.mockRespond(new Response('awesome'));
}));

如果你想为整个应用程序使用MockBackend

bootstrap(AppComponent, [
    HTTP_PROVIDERS, 
    provide(XHRBackend, {useClass: MockBackend}),
    provide(JSONPBackend, {useClass: MockBackend})]);

确保 MockBackend 提供程序在 HTTP_PROVIDERS 之后。

如果您希望MockBackend 仅由特定组件使用，请添加

provide(XHRBackend, {useClass: MockBackend}),
provide(JSONPBackend, {useClass: MockBackend})

改为组件的提供者列表。