Angular2茉莉花spyOn http調用

Question

我想窺探Http服務，看看它是否調用正確的端點。有可能這樣做嗎？

到目前爲止，在我的服務中，我測試的所有數據都是他們發回數據......我想讓它們更有用。

如果你需要它，這是我目前的規範文件：

import { TestBed, async, inject } from '@angular/core/testing'; 
import { SignupService } from './signup.service'; 
import { Observable } from 'rxjs/Observable'; 

import { HttpModule, Http, Response, ResponseOptions, RequestOptions, Headers, XHRBackend } from '@angular/http'; 
import { MockBackend, MockConnection } from '@angular/http/testing'; 
import { ErrorHandlerService } from '../../services/error-handler.service'; 

describe('SignupService',() => { 

    let errorStub = {}; 

    beforeEach(() => { 
    TestBed.configureTestingModule({ 
     imports: [HttpModule], 
     providers: [ 
     SignupService, 
     { provide: XHRBackend, useClass: MockBackend }, 
     { provide: ErrorHandlerService, useValue: errorStub } 
     ] 
    }); 
    }); 

    it('signup should return an application error if no apps are provided', inject([SignupService], (service: SignupService) => { 
    service.signup('', [], null).subscribe(
     suc => { }, 
     err => expect(err).toMatch(/application/) 
    ); 
    })); 

    it('signup should return a role error if no roles are provided', inject([SignupService], (service: SignupService) => { 
    service.signup('', null, []).subscribe(
     suc => { }, 
     err => expect(err).toMatch(/rôle/) 
    ); 
    })); 

    it(
    'signup should return a response with a "contenu" parameter', 
    inject([SignupService, XHRBackend], (service: SignupService, mockBackEnd: MockBackend) => { 
     let content = 'anything'; 
     mockBackEnd.connections.subscribe((connection: MockConnection) => { 
     connection.mockRespond(new Response(new ResponseOptions({ 
      body: JSON.stringify({ 
      contenu: content 
      }) 
     }))); 
     }); 
     service.signup('', [], []).subscribe(
     suc => expect(suc).toBe(content) 
    ); 
    })); 

    it(
    'checkUser should return a response with a "contenu" parameter', 
    inject([SignupService, XHRBackend], (service: SignupService, mockBackEnd: MockBackend) => { 
     let content = 'anything'; 
     mockBackEnd.connections.subscribe((connection: MockConnection) => { 
     connection.mockRespond(new Response(new ResponseOptions({ 
      body: JSON.stringify({ 
      contenu: content 
      }) 
     }))); 
     }); 
     service.checkUser('').subscribe(
     suc => expect(suc).toBe(content) 
    ); 
    })); 
}); 

Answer 1

快到了！只需在mockBackend聲明中添加期望。

例子：

mockBackend.connections.subscribe(connection => { 

     // Check if it invokes a http POST call 
     expect(connection.request.method).toBe(RequestMethod.Post); 

     // Check if the URL is correct 
     expect(connection.request.url).toBe('/some-url'); 

     connection.mockRespond(new Response(new ResponseOptions({ 
     body: JSON.stringify(''), 
     status: 200 
     }))); 

    });