Testing HTTP with mockbackends doesn't work

Question

Try to make a test, but get this error message:

Expected object to be a kind of Object, but was Response with status: null null for URL: null.

Any idea what's missing here?

login.component.ts:

loginEvent(username, passw) {
      let obj = {
          user: username,
          pass: passw
      };

  if (this.validation(obj)) { 
      this.httpService.loginPostToServer(obj).subscribe(
          (response) => this.saveTokenToLocalstorage(response),
          (error) => console.log(error)
      );
    }
  };

http.service.ts:

loginPostToServer(data) {
    return this.http.post(this.url + 'login', data);
}

Test:

import { async, TestBed, inject } from '@angular/core/testing';
import { HttpModule, Http, ResponseOptions, Response, BaseRequestOptions } from '@angular/http';
import { MockBackend } from '@angular/http/testing';
import { HttpService } from './http.service';

describe('HttpService', () => {
beforeEach(() => {
    TestBed.configureTestingModule({
    providers: [ HttpService, MockBackend, BaseRequestOptions,
    {
        provide: Http,
        useFactory: (backend, options) => new Http(backend, options),
        deps: [MockBackend, BaseRequestOptions]
    }],
    imports: [ HttpModule ]
    });
});

it('should be created', inject([HttpService], (service: HttpService) => {
    expect(service).toBeTruthy();
}));

it('should construct', async(inject(
    [HttpService, MockBackend], (service, mockBackend) => {
    expect(service).toBeDefined();
})));

describe('loginPostToServer', () => {
    const mockResponse = {
    success: true,
    token: "sample token",
    user: "john"
    };

    const fakeUser = {
    user: "john",
    pass: "1234"
    };

    it('should parse response', async(inject(
    [HttpService, MockBackend], (service, mockBackend) => {

    mockBackend.connections.subscribe(conn => {
        conn.mockRespond(new Response(new ResponseOptions({ body: JSON.stringify(mockResponse) })));
    });

    const result = service.loginPostToServer(fakeUser);

    result.subscribe(res => {
        expect(res).toEqual({
        success: true,
        token: "sample token",
        user: "john"
        });
    });
    })));
});
});

Did you solve this?

fsi
– fsi

2017-09-20 16:57:29 +00:00
Commented Sep 20, 2017 at 16:57 — fsi
– fsi, Commented Sep 20, 2017 at 16:57

Forge_7 · Accepted Answer · 2017-09-11 13:45:28Z

1

The problem is that the response object returned from the http call contains the data you want, but is not itself what you want.

To access the data inside of the request (i.e. the body of the request), you need to call the .json() method:

  if (this.validation(obj)) { 
      this.httpService.loginPostToServer(obj).subscribe(
          (response) => this.saveTokenToLocalstorage(response.json()), // .json() added here
          (error) => console.log(error)
      );
    }
  };

answered Sep 11, 2017 at 13:45

Forge_7

1,9532 gold badges20 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Testing HTTP with mockbackends doesn't work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related