found - cómo simular error de http para la prueba angular2

module not found error can t resolve angular

Question

Estoy escribiendo pruebas unitarias para un servicio angular2. Fragmentos de código:

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

mi servicio:

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

La primera expectativa es que está bien, el programa entra en la llamada del mapa, no la captura. Pero, ¿cómo obtengo el código de estado 404? res.status es nulo.

Answer 1

Para que funcione el error simulado, debe importar ResponseType de @ angular / http e incluir el tipo de error en la respuesta simulada, luego extender la respuesta e implementar el error

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

Answer 2

Repasando el código fuente en node_modules/@angular/http/testing/mock_backend.d.ts . MockConnection.mockRespond ya está en su código. MockConnection.mockError es lo que puede necesitar. Juega con él y mira lo que obtienes.

Answer 3

funciona para mi:

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

Answer 4

.subscribe usar .subscribe sobre el observable para registrar el success , el error y la devolución de llamada completed

Código

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
}