-import { TestBed } from '@angular/core/testing';
+import { TestBed} from '@angular/core/testing';
+import { TestScheduler } from 'rxjs/testing';
import { HeroService } from './hero.service';
+import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { Hero } from './hero';
describe('HeroService', () => {
- beforeEach(() => TestBed.configureTestingModule({}));
+ let service: HeroService;
+ let httpTestingController: HttpTestingController;
+ let scheduler: TestScheduler;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ imports: [ HttpClientTestingModule ]
+ });
+ service = TestBed.inject(HeroService);
+ httpTestingController = TestBed.inject(HttpTestingController);
+ scheduler = new TestScheduler(((actual, expected) => {
+ expect(actual).toEqual(expected);
+ }));
+ });
+
+ afterEach(() => {
+ // After every test, assert that there are no more pending requests.
+ httpTestingController.verify();
+ });
it('should be created', () => {
- const service: HeroService = TestBed.get(HeroService);
expect(service).toBeTruthy();
});
+
+ it('get for id=0 should return an empty Observable', () => {
+ service.getHero(0).subscribe(fail, fail);
+
+ // HeroService should have made one request to GET heroes from expected URL
+ const req = httpTestingController.expectOne(`${service.heroesUrl}/0`);
+ expect(req.request.method).toEqual('GET');
+
+ // Respond with the mock heroes
+ req.flush('deliberate 404 error', {status: 404, statusText: 'Not Found'});
+ });
+
+ it('get for id=11 should return an Observable, that contains the hero with id 11', () => {
+ const expectedHero: Hero = {id: 11, name: 'Dr Nice'};
+
+ service.getHero(11).subscribe(
+ hero => expect(hero).toEqual(expectedHero, 'should return expected heroes'),
+ fail
+ );
+
+ // HeroService should have made one request to GET heroes from expected URL
+ const req = httpTestingController.expectOne(`${service.heroesUrl}/11`);
+ expect(req.request.method).toEqual('GET');
+
+ // Respond with the mock heroes
+ req.flush(expectedHero);
+ });
});