Angular2, Tests und aufgelöste Daten: wie testen ngOnINit?

Arbeite ich durch die Angular2 testing guide und möchten einen test schreiben für die ngOnInit () - Funktion. Die von der Routing-Teil des Programmier-Handbuch hat dieses format:

let org: Org = null;

ngOnInit(): void {
  let that = this;

  this.route.data
    .subscribe((data: { org: Org }) => {
      that.org = data.org;
    });
}

Dies ist erfüllt durch einen resolver, wie:

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Org> {
  let id = this.authService.user.orgId;

  return this.orgService
    .getOrg(id)
    .map(
      (org: Org) : Org => {

        if(org) {
          return org;
        } else { 
          //If  the Org isn't available then the edit page isn't appropriate.
          this.router.navigate(['/provider/home']);
          return null;
        }
     })
    .first();
}

Der code funktioniert OK, aber ich bin mir nicht sicher, wie Sie Sie schreiben einen test für ngOnInit. Die Beispiele, die mir zur Verfügung davon ausgehen, dass eine eingebettete OrgService kann ersetzt werden durch eine MockOrgService. Jedoch, alles, was ich habe, ist ein resolver.

Werde ich irgendwann herausfinden, wie man die test-resolver auf seinen eigenen. Gibt es nützliche tests, die ich tun kann mit einem resolver-basierten ngOnInit?

Dank,

Jerome.

Ich denke, testen ngOnInit sollte das Winkel-team in der Verantwortung, Sie sollten nur brauchen, um zu testen die Methoden, die Sie anrufen es
Hi. Wie haben Sie das unit-test-Resolve-Klasse auf seine eigene? Ich bin auf der Suche, das zu tun, ich Frage mich nur was deine Lösung war

InformationsquelleAutor Jerome P Mrozak | 2017-03-07

  1. 22

    Was ist, das Verhalten oder die ngOnInit Methode? Alle es tut, ist, weisen Sie den Wert des org wenn die route-Daten ist behoben. Das ist also alles, was Sie wirklich brauchen, um zu testen.

    let routeStub;

beforeEach(() => {
  routeStub = {
    data: null
  }

  TestBed.configureTestingModule({
    providers: [
      { provide: ActivatedRoute, useValue: routeStub }  
    ]
  })
})

it('should assign org when route is resolved', async(() => {
  let org = new Org()
  route.data = Observable.of(org)

  fixture.detectChanges();
  fixture.whenStable().then(() => {
    expect(component.org).toEqual(org)
  })
}))
    Hot stuff! Das ist das Dritte mal, Sie haben mich gerettet, denn Sie beantwortete auch eine andere Q ohne es zu wissen. Das heißt: Wie Schaffe ich die "Kein Anbieter für Aktivierte Route!" angezeigt. Danke, Jerome.
    Gerne helfen...
    async() (2. parameter() ) sollte verwendet werden, wenn die Prüfstelle macht ein XHR-Aufrufe verwenden, ansonsten fakeAsync: Winkel.io/guide/Test#async-test-mit-async

    InformationsquelleAutor Paul Samsotha

  2. 9

    War ich versucht zu testen, ngOnInit() für eine Komponente, und leider akzeptiert die Antwort nicht für mich arbeiten. Dies war jedoch:

    describe('your test', () => {
  beforeEach(async() => {
    //set up your component as necessary

    component.ngOnInit();

    await fixture.whenStable();
  });

  it('should verify your test', () => {
    //run your expectation
  });
});
    Erstaunlich, danke
    in der Regel machen wir TestBed.createComponent (...), um die Komponente, die ich vermute, fordert ngOnInit. Würden wir nicht am Ende aufrufen ngOnInit zweimal?

    InformationsquelleAutor Ian Yoder

Schreibe einen Kommentar