für ngOnInit Warten in Jasmine Angular2

Question

Ich bin Einheit Testen einer Komponente und das ist zu Ende bringen, was ich habe:

describe('Component: nav',() => { 

    beforeEach(() => addProviders([ 
    provide(UserService, {useClass: MockUserService}), 
    NavComponent 
    ])); 

    it('should have a property \'firstName\' with the value \'Crazypug\'', 
    async(inject([NavComponent], (component) => { 
     component.ngOnInit(); 
     expect(component.firstName).toEqual('Crazypug') 
    })) 
); 

}); 

Dies ist die ngOnInit Funktion:

ngOnInit() { 
    this.userService.getFirstNameCall().subscribe(
     data => {this.firstName = data.firstname; }); 
} 

Wenn ich den Test ausführen ich bekomme:

undefined voraussichtlich gleich 'Crazypug'

Wie kann ich Jasmine warten lassen, bis die ngOnInit-Funktion beendet ist? Ich habe einige Lösungen auf SO gefunden, aber vor langer Zeit (in angular2 Zeitpunkten). Sie waren sehr kompliziert oder veraltet.

Answer 1

Sie sollten async Funktion für fakeAsync

import {..., tick, fakeAsync} from '@angular/core/testing'; 
... 
fakeAsync(inject([NavComponent], (component) => { 
    component.ngOnInit(); 
    tick(); 
    expect(component.firstName).toEqual('Crazypug') 
}))