Wie kann ich ein mock Beobachten.werfen Sie in ein Angular2 test?

Möchte ich zum test der Fehlerbehandlung in mein Angular2 Komponente und wollen deshalb zu verspotten, einen Dienst zu schicken, zu Beobachten.throw ("Fehler"). Wie geht das mit Jasmine und Karma und Winkel 2?

  • können Sie uns ein code-Beispiel? hinzufügen eines Kontext auf Ihre Frage ein, erlauben uns eine präzise Antwort.
InformationsquelleAutor Stefan | 2016-12-05
  1. 15

    Sollten Sie create eine beobachtbare, und rufen Sie den Beobachter error. Zum Beispiel

    let mockService = {
  error: false,
  data: 'something',
  getData: () => {
    return Observable.create(observer => {
      if (this.error) {
        observer.error(new Error(..))
      } else {
        observer.next(this.data);
      }
      observer.complete();
    })
  }
}

    Nun für Ihre tests verwenden, können Sie die verspotten, die für Erfolg Fällen und Fehlern. Für die ein-Fehler-Fall, setzen Sie einfach die error - Eigenschaft auf true. Im Erfolgs Fall next wird aufgerufen mit den Daten.

    Wenn Sie abonnieren, um eine beobachtbare, können Sie passieren drei callback success, error, und complete

    service.getData().subscribe(
  (data) => {}   //sucess
  (error) => {}  //error
  () => {}       //complete
)

    Also mit der observer beim Aufruf observer.next, observer.error, observer.complete, wird der entsprechende callback wird aufgerufen.

    • Ich habe ein wenig Mühe mit diesem ein. Ist es in der test-Erklärung heißt, "es", dass ich die Eigenschaft auf "true"? Wenn ich die Eigenschaft auf "true" wird die änderung nicht abgeholt in der test-Erklärung ich bin in. Ich konnte meinen code in eine plnkr, wenn dies helfen würde.
    InformationsquelleAutor Paul Samsotha
  2. 12

    Hier ist meine Lösung für diejenigen, die sich mit Rxjs 6

    let mockService = {
  getData: () => {
    return of({data:'any data'});
  }
}

spyOn(mockService , 'getData').and.callFake(() => {
  return throwError(new Error('Fake error'));
});
    • Ausgezeichnet, genau das, was ich brauchte! Danke!
    • Diese kann kürzer sein let mockService = { getData: of({data:'any data'})}; spyOn(mockService , 'getData').and.returnValue(throwError(ERROR_RESPONSE))
    InformationsquelleAutor Fabien
  3. 9

    Können Sie einfach mock Observable und werfen Fehler-Objekt mit Observable.throw({status: 404}) - und test-Fehler-block zu beobachten.

    const xService = fixture.debugElement.injector.get(SomeService);
const mockCall = spyOn(xService, 'xMethod')
                       .and.returnValue(Observable.throw({status: 404}));

    Hier bin ich werfen http 404 Fehler von Observable.throw({status: 404}) durch Spott xMethod von xSerive in meinem test.

    • In Rxjs 6+, Observable.throw geändert, um den static-operator throwError.
    • In RxJs 6+ Sie nicht importieren, das ganze zu beobachten, tun Sie nur mit throw()
    InformationsquelleAutor Aniruddha Das
Schreibe einen Kommentar