使用Real HTTP与服务的角茉莉集成测试

Question

[Angular版本：2.4.5]

我正在尝试编写一个角度集成组件单元测试，该测试包含一个利用内置的Angular HTTP库的服务。但是，我无法让我的服务类实例化：要么该服务是未定义的，要么我会得到"错误：无法解决'requestOptions'(？(的所有参数。

我知道，通常您会模拟后端(在其他单元测试中成功完成(或使用量角器。其他问题是参考角1，或者有似乎不起作用的答案。启动代码：

    @Injectable()
    export class ProjectService {
        projectFeature: IProjectFeature;
        constructor(private http: Http) { }
        getProjects(): Observable<IProjects> {
        return this.http.get("/api/Projects")
            .map((response: Response) => response.json() || {})
            .catch(this.handleError);
         }
    }
     // Jasmine spec file:   
        beforeEach(async(() => {
        TestBed.configureTestingModule({
            providers: [
                Http,
                ProjectService,  // service that leverages HTTP
                ConnectionBackend
                //RequestOptions  // removed b/c otherwise can't find parameters error happens
            ],
            imports: [
               HttpModule
            ] 
        });
    }));
    it('sample test', async(() => {
        var projectService = TestBed.get(ProjectService);
        var comp = new ProjectComponent(projectService);
        comp.ngOnInit();  // internally, calls projectService.getProjects()
        expect(comp.projects[0].name).toEqual("Sample Project Name");
    })); 

Answer 1

HttpModule模块应在TestBed模块配置中提供。之后，Http执行真实的XHR请求，无需额外的操作，一个演示：

  beforeEach(() => {
    TestBed.resetTestEnvironment();
    TestBed.initTestEnvironment(
      BrowserDynamicTestingModule,
      platformBrowserDynamicTesting()
    );
    TestBed.configureTestingModule({
      imports: [
        HttpModule
      ]
    });
  });
  it('should do XHR', async(inject([Http], (http) => {
    http.get('test.json').subscribe(res => {
      expect(res.json()).toBe(1);
    });
  })));