茉莉花注入

Question

我正在創建使用打字稿的角度2應用程序，並需要使用茉莉花測試服務。正如您在測試方法中看到的那樣，我需要向我的服務注入http以使其工作。如何將HTTP注入到我的服務中。這是我所指的代碼行

var _getCustomerService：GetCustomerService = new GetCustomerService（http）;

服務方法

@Injectable() 
export class GetCustomerService { 

    constructor(private http: Http) { } 

    private customerUrl = 'http://localhost:45870/api/getcustomer'; 

    getCustomer(): Observable<Customer[]> { 

     return this.http.get(this.customerUrl) 
      .map((res: Response) => res.json()) 
      .catch((error: any) => Observable.throw(error.json().error || 'Server Error')); 
    } 
} 

茉莉花測試

describe("Service test", function() { 

    it("check service", function() { 
     var http: Http; 
     var _getCustomerService: GetCustomerService = new GetCustomerService (http); 
     _getCustomerService.getCustomer() 
      .subscribe(
      (Customer: Customer[]) => { 
       var customer: Customer[]; 
       customer = Customer; 
       expect(customer).toBeDefined(); 
      }); 


    }); 

}); 

Answer 1

你不想做的測試，真正的XHR請求，所以你需要創建一個專門的測試，您可以在其中爲每個請求設置模擬響應。要做到這一點，你需要使用一個工廠來創建你自己的Http，並且還利用了MockBackend

import { MockBackend, MockConnection } from '@angular/http/testing'; 
import { Http, HttpMdodule, XHRBackend, RequestOptions, Response, ResponseOptions 
     } from '@angular/http'; 
import { TestBed, async } from '@angular/core/testing'; 

describe('..',() => { 
    let backend: MockBackend; 
    let service: GetCustomerService; 

    beforeEach(() => { 
    const injector = TestBed.configureTestingModule({ 
     imports: [HttpModule], 
     providers: [ 
     GetCustomerService, 
     RequestOptions, 
     MockBackend, 
     { 
      provide: Http, 
      deps: [MockBackend, RequestOptions], 
      useFactory: (backend: MockBackend, options: RequestOptions) => { 
      return new Http(backend, options); 
      } 
     } 
     ] 
    }); 

    backend = injector.get(MockBackend); 
    service = injector.get(GetCustomerService); 
    }); 
}); 

現在，在您的測試，你要訂閱MockBackend這樣的連接，您可以發送響應時連接進來

it('..', async(() => { 
    backend.connections.subscribe((conn: MockConnection) => { 
    conn.mockRespond(new Response(new ResponseOptions({ body: 'some body ' }))); 
    }); 

    service.getCustomer().subscribe((Customer: Customer[]) => { 
    expect(customer).toBeDefined(); 
    }); 
})); 

參見：

• Testing Services with Http in Angular 2