come simulare l'errore http per il test angular2

Question

Sto scrivendo unit test per un servizio angular2. Frammenti di codice:

// 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 
}))); 

mio servizio:

// 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 
} 

Il primo si aspettano è OK, il programma va in chiamata carta, non è la cattura. Ma come ottengo il codice di stato 404? res.status è nullo.

Answer 1

funziona per me:

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

Answer 2

È necessario utilizzare .subscribe il observable per registrare success, error & completed callback

Codice

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

Andando oltre il codice sorgente a node_modules\@angular\http\testing\mock_backend.d.ts. MockConnection.mockRespond è già nel tuo codice. MockConnection.mockError è quello che potrebbe essere necessario. Gioca con esso e guarda cosa ottieni.

Answer 4

Per ottenere il funzionamento di errore finto, è necessario importare ResponseType da @ angolare/http e includono il tipo di errore nella risposta finto, quindi estendere Response e implementare errore

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)); 
}