angular-cn/public/docs/_examples/testing/ts/app/http-hero.service.spec.ts

/* tslint:disable:no-unused-variable */
import {
  addProviders,
  async, inject, withProviders
} from '@angular/core/testing';

import { TestComponentBuilder } from '@angular/core/testing';

import {
  MockBackend,
  MockConnection } from '@angular/http/testing';

import {
  Http, HTTP_PROVIDERS,
  ConnectionBackend, XHRBackend,
  Request, RequestMethod, BaseRequestOptions, RequestOptions,
  Response, ResponseOptions,
  URLSearchParams
} from '@angular/http';

// Add all operators to Observable
import 'rxjs/Rx';
import { Observable } from 'rxjs/Observable';

import { Hero }        from './hero';
import { HeroService } from './http-hero.service';

type HeroData = {id: string, name: string}

const makeHeroData = () => [
  { id: '1', name: 'Windstorm' },
  { id: '2', name: 'Bombasto' },
  { id: '3', name: 'Magneta' },
  { id: '4', name: 'Tornado' }
];

// HeroService expects response data like {data: {the-data}}
const makeResponseData = (data: {}) => {return { data }; };

////////  SPECS  /////////////
describe('Http-HeroService (mockBackend)', () => {

  beforeEach(() => {
    addProviders([
      HTTP_PROVIDERS,
      { provide: XHRBackend, useClass: MockBackend }
    ]);
  });

  it('can instantiate service when inject service',
    withProviders(() => [HeroService])
      .inject([HeroService], (service: HeroService) => {
        expect(service instanceof HeroService).toBe(true);
  }));


  it('can instantiate service with "new"', inject([Http], (http: Http) => {
    expect(http).not.toBeNull('http should be provided');
    let service = new HeroService(http);
    expect(service instanceof HeroService).toBe(true, 'new service should be ok');
  }));


  it('can provide the mockBackend as XHRBackend',
    inject([XHRBackend], (backend: MockBackend) => {
      expect(backend).not.toBeNull('backend should be provided');
  }));

  describe('when getHeroes', () => {
      let backend: MockBackend;
      let service: HeroService;
      let fakeHeroes: HeroData[];
      let response: Response;


      beforeEach(inject([Http, XHRBackend], (http: Http, be: MockBackend) => {
        backend = be;
        service = new HeroService(http);
        fakeHeroes = makeHeroData();
        let options = new ResponseOptions({status: 200, body: {data: fakeHeroes}});
        response = new Response(options);
      }));

      it('should have expected fake heroes (then)', async(inject([], () => {
        backend.connections.subscribe((c: MockConnection) => c.mockRespond(response));

        service.getHeroes().toPromise()
        // .then(() => Promise.reject('deliberate'))
          .then(heroes => {
            expect(heroes.length).toEqual(fakeHeroes.length,
              'should have expected no. of heroes');
          });
      })));

      it('should have expected fake heroes (Observable.do)', async(inject([], () => {
        backend.connections.subscribe((c: MockConnection) => c.mockRespond(response));

        service.getHeroes()
          .do(heroes => {
            expect(heroes.length).toEqual(fakeHeroes.length,
              'should have expected no. of heroes');
          })
          .toPromise();
      })));


      it('should be OK returning no heroes', async(inject([], () => {
        let resp = new Response(new ResponseOptions({status: 200, body: {data: []}}));
        backend.connections.subscribe((c: MockConnection) => c.mockRespond(resp));

        service.getHeroes()
          .do(heroes => {
            expect(heroes.length).toEqual(0, 'should have no heroes');
          })
          .toPromise();
      })));

      it('should treat 404 as an Observable error', async(inject([], () => {
        let resp = new Response(new ResponseOptions({status: 404}));
        backend.connections.subscribe((c: MockConnection) => c.mockRespond(resp));

        service.getHeroes()
          .do(heroes => {
            fail('should not respond with heroes');
          })
          .catch(err => {
            expect(err).toMatch(/Bad response status/, 'should catch bad response status code');
            return Observable.of(null); // failure is the expected test result
          })
          .toPromise();
      })));
  });
});