角：测试HTTP与MockBackend，是异步（）真正需要的？

Z时代
2024-01-10
分类：问答

我使用MockBackend测试取决于在@angular/http代码。
所有网络上的例子使用异步测试设置，喜欢这里：
thoughtram: Testing Services with Http in Angular角：测试HTTP与MockBackend，是异步（）真正需要的？

describe('getVideos()',() => { 
    it('should return an Observable<Array<Video>>', 
     async(inject([VideoService, MockBackend], (videoService, mockBackend) => { 
     videoService.getVideos().subscribe((videos) => { 
     expect(videos.length).toBe(4); 
     expect(videos[0].name).toEqual('Video 0'); 
     expect(videos[1].name).toEqual('Video 1'); 
     expect(videos[2].name).toEqual('Video 2'); 
     expect(videos[3].name).toEqual('Video 3'); 
     expect("THIS TEST IS FALSE POSITIVE").toEqual(false); 
     }); 
     const mockResponse = { 
     data: [ 
      { id: 0, name: 'Video 0' }, 
      { id: 1, name: 'Video 1' }, 
      { id: 2, name: 'Video 2' }, 
      { id: 3, name: 'Video 3' } 
     ] 
     }; 
     mockBackend.connections.subscribe((connection) => { 
     connection.mockRespond(new Response(new ResponseOptions({ 
      body: JSON.stringify(mockResponse) 
     }))); 
     }); 
    }))); 
});

不过，我试过了，我敢肯定，MockBackend执行完全同步：

describe('getVideos()',() => { 
    it('should return an Observable<Array<Video>>', 
    inject([VideoService, MockBackend], (videoService, mockBackend) => { 
     const mockResponse = { 
     data: [ 
      { id: 0, name: 'Video 0' }, 
      { id: 1, name: 'Video 1' }, 
      { id: 2, name: 'Video 2' }, 
      { id: 3, name: 'Video 3' }, 
     ] 
     }; 
     mockBackend.connections.subscribe((connection) => { 
     connection.mockRespond(new Response(new ResponseOptions({ 
      body: JSON.stringify(mockResponse) 
     }))); 
     }); 
     let videos; 
     videoService.getVideos().subscribe(v => videos = v); 
     // synchronous code!? 
     expect(videos.length).toBe(4); 
     expect(videos[0].name).toEqual('Video 0'); 
     expect(videos[1].name).toEqual('Video 1'); 
     expect(videos[2].name).toEqual('Video 2'); 
     expect(videos[3].name).toEqual('Video 3'); 
    })); 
});