X-Git-Url: http://juplo.de/gitweb/?p=examples%2Fangular-tour-of-heroes;a=blobdiff_plain;f=src%2Fapp%2Fapp.component.spec.ts;h=38559f2d70a712435da1c9a36ba66e5e6c0e68cb;hp=ded94c9cef9b8080fbc392b5c77f583dc26f1861;hb=85f4c0710394f70f840038f5b3185e3adb8981e4;hpb=ce854cde799ab563bb176431cc94fe686cbb24e4 diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index ded94c9..38559f2 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,23 @@ 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').textContent).toContain('Heroes'); }); });