wie HTTP-Fehler für angular2 Test zu spotten

Question

Ich schreibe Komponententests für einen angular2 Service. Code-Schnipsel:

// jasmine specfile 

// already injected MockConnection into Http 

backend.connections.subscribe ((c: MockConnection) => { 
    connection = c; 
}); 

// doing get-request 
myServiceCallwithHttpRequest().subscribe (result => { 
    // this test passes! 
    expect (result).toEqual ({ 
     "message": "No Such Object" 
    }); 
    // this test fails, don't know how to get the response code 
    expect (whereIsResponseStatus).toBe (404); 
}); 

connection.mockRespond (new Response (new ResponseOptions ({ 
    body: { 
     "message": "No Such Object" 
    }, 
    status: 404 
}))); 

mein Service:

// service 

myServiceCallwithHttpRequest(): Observable<Response> { 
    return this.http.get ('/my/json-service').map (res => { 
      // res.status == null 
      return res.json() 
     }) 
     .catch (this.handleError); // from angular2 tutorial 
} 

Die erste erwarten OK ist, geht das Programm in die Karte Aufruf, nicht der Haken. Aber wie bekomme ich den Statuscode 404? res.status ist null.

Answer 1

Werke für mich:

mockConnection.mockRespond (new Response (new ResponseOptions ({ 
     body: {}, 
     status: 404 
    }))); 

Answer 2

Sie müssen .subscribe über die observable verwenden success zu registrieren, error & completed Rückruf

-Code

myServiceCallwithHttpRequest(): Observable<Response> { 
    return this.http.get ('/my/json-service').map (res => { 
      // res.status == null 
      return res.json() 
     }) 
     .subscribe(
      data => this.saveJwt(data.id_token), //success 
      err => { //error function 
       //error object will have status of request. 
       console.log(err); 
      }, 
      () => console.log('Authentication Complete') //completed 
     ); 
     //.catch (this.handleError); // from angular2 tutorial 
} 

Answer 3

über den Code Quelle bei node_modules\@angular\http\testing\mock_backend.d.ts gehen. MockConnection.mockRespond ist bereits in Ihrem Code. MockConnection.mockError ist, was Sie brauchen können. Spielen Sie damit und sehen Sie, was Sie bekommen.

Answer 4

die mock Fehler Funktion zu erhalten, müssen Sie Response von @ Winkel/http und umfassen den Fehlertyp in der Mock-Antwort importieren, dann Antwort erweitern und implementieren Fehler

import { Response, ResponseOptions, ResponseType, Request } from '@angular/http'; 
import { MockConnection } from '@angular/http/testing'; 

class MockError extends Response implements Error { 
    name:any 
    message:any 
} 

... 
handleConnection(connection:MockConnection) { 
    let body = JSON.stringify({key:'val'}); 
    let opts = {type:ResponseType.Error, status:404, body: body}; 
    let responseOpts = new ResponseOptions(opts); 
    connection.mockError(new MockError(responseOpts)); 
}