X-Git-Url: http://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fapp.component.spec.ts;h=8f874efe3e721fbf7cb9a7d9e675f9474995f289;hb=0e69f63239442f2533e2c84f1de9179e726eaf04;hp=ded94c9cef9b8080fbc392b5c77f583dc26f1861;hpb=fe13c256eb0be311a34d88c35f91b3d519b19f12;p=examples%2Fangular-tour-of-heroes diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index ded94c9..8f874ef 100644 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -1,11 +1,20 @@ import { TestBed, async } from '@angular/core/testing'; import { AppComponent } from './app.component'; +import { Component } from '@angular/core'; + +@Component({selector: 'router-outlet', template: ''}) +class RouterOutletStubComponent { } + +@Component({selector: 'app-messages', template: ''}) +class MessagesStubComponent {} describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [ - AppComponent + AppComponent, + RouterOutletStubComponent, + MessagesStubComponent ], }).compileComponents(); })); @@ -16,16 +25,24 @@ describe('AppComponent', () => { expect(app).toBeTruthy(); }); - it(`should have as title 'angular-tour-of-heroes'`, () => { + it(`should have as title 'Tour of Heroes'`, () => { const fixture = TestBed.createComponent(AppComponent); const app = fixture.debugElement.componentInstance; - expect(app.title).toEqual('angular-tour-of-heroes'); + expect(app.title).toEqual('Tour of Heroes'); + }); + + it(`should render the title 'Tour of Heroes'`, () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.debugElement.nativeElement; + expect(compiled.querySelector('h1').textContent).toContain('Tour of Heroes'); }); - it('should render title', () => { + it(`should render the link 'Heroes'`, () => { const fixture = TestBed.createComponent(AppComponent); fixture.detectChanges(); const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('.content span').textContent).toContain('angular-tour-of-heroes app is running!'); + expect(compiled.querySelector('nav > a:nth-child(1)').textContent).toContain('Dashboard'); + expect(compiled.querySelector('nav > a:nth-child(2)').textContent).toContain('Heroes'); }); });