58 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			58 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
import { Router } from '@angular/router';
 | 
						|
 | 
						|
import { DashboardComponent } from './dashboard.component';
 | 
						|
import { Hero }               from '../model';
 | 
						|
 | 
						|
import { addMatchers }     from '../../testing';
 | 
						|
import { FakeHeroService } from '../model/testing';
 | 
						|
 | 
						|
class FakeRouter {
 | 
						|
  navigateByUrl(url: string) { return url;  }
 | 
						|
}
 | 
						|
 | 
						|
describe('DashboardComponent: w/o Angular TestBed', () => {
 | 
						|
  let comp: DashboardComponent;
 | 
						|
  let heroService: FakeHeroService;
 | 
						|
  let router: Router;
 | 
						|
 | 
						|
  beforeEach(() => {
 | 
						|
    addMatchers();
 | 
						|
    router = new FakeRouter() as any as Router;
 | 
						|
    heroService = new FakeHeroService();
 | 
						|
    comp = new DashboardComponent(router, heroService);
 | 
						|
  });
 | 
						|
 | 
						|
  it('should NOT have heroes before calling OnInit', () => {
 | 
						|
    expect(comp.heroes.length).toBe(0,
 | 
						|
      'should not have heroes before OnInit');
 | 
						|
  });
 | 
						|
 | 
						|
  it('should NOT have heroes immediately after OnInit', () => {
 | 
						|
    comp.ngOnInit(); // ngOnInit -> getHeroes
 | 
						|
    expect(comp.heroes.length).toBe(0,
 | 
						|
      'should not have heroes until service promise resolves');
 | 
						|
  });
 | 
						|
 | 
						|
  it('should HAVE heroes after HeroService gets them', (done: DoneFn) => {
 | 
						|
    comp.ngOnInit(); // ngOnInit -> getHeroes
 | 
						|
    heroService.lastPromise // the one from getHeroes
 | 
						|
      .then(() => {
 | 
						|
        // throw new Error('deliberate error'); // see it fail gracefully
 | 
						|
        expect(comp.heroes.length).toBeGreaterThan(0,
 | 
						|
          'should have heroes after service promise resolves');
 | 
						|
      })
 | 
						|
      .then(done, done.fail);
 | 
						|
  });
 | 
						|
 | 
						|
  it('should tell ROUTER to navigate by hero id', () => {
 | 
						|
    const hero = new Hero(42, 'Abbracadabra');
 | 
						|
    const spy = spyOn(router, 'navigateByUrl');
 | 
						|
 | 
						|
    comp.gotoDetail(hero);
 | 
						|
 | 
						|
    const navArgs = spy.calls.mostRecent().args[0];
 | 
						|
    expect(navArgs).toBe('/heroes/42', 'should nav to HeroDetail for Hero 42');
 | 
						|
  });
 | 
						|
 | 
						|
});
 |