用Jasmine测试方法的可观察返回值

Question

我是Jasmine的新手，我试图编写一个简单的单元测试，检查我的方法是否返回预期值。这里是我的角度应用的方法：

saveEvent(techEvent): Observable<IEvent>{ 

     let headers = new Headers({ 'Content-Type': 'application/json'}) 
     let options = new RequestOptions({headers: headers}) 

     return this.http.post('/api/events', techEvent, options) 
      .map((response: Response) => { 
       //have an updated copy of saved event 
       return response.json() 
      }).catch(this.handleError) 
} 

正如你可以看到，这是一个后方法节省了“techEvent”对象。这里是我试图在我的规范编写测试：

it('should save the event',() => { 

     var testEvent = { id: 7, name: "AngularJS"} 

     mockHttp.post.and.returnValue(Observable.of(false)) 

     techEventService.saveEvent(<IEvent>testEvent) 

     expect(techEventService.saveEvent).toBe(jasmine.any(Object)) 

    }) 

测试失败:(我的目标在这里是简单地测试该方法返回一个对象，并返回传递特定对象我不知道。如果我还可以测试它是否是JSON ...

Answer 1

您的方法是异步的，这通常适用于Observables。您需要订阅来自techEventService.saveEvent的响应并验证变量是否在该范围内发生了更改订阅回调

此外，您正在测试techEventService.saveEvent是否是一个对象，但这绝对是对techEventService.saveEvent函数的引用。我相信你想测试服务器的响应是否是一个对象，这是在subscribe（）回调中运行测试的另一个原因。

it('should save the event', (done) => { 

    var testEvent = { id: 7, name: "AngularJS"}; 

    mockHttp.post.and.returnValue(Observable.of(false)); 

    techEventService.saveEvent(<IEvent>testEvent).subscribe((response) => { 
     expect(response).toBe(jasmine.any(Object)); 
     done(); 
    }); 
}); 

因为这是异步，茉莉可能认为测试完成实际装载您的回调之前（甚至从来没有达到expect呼叫，并宣布测试合格，而不必运行它。）因此，你可以通过done进入您的测试，然后茉莉花不会考虑您的测试完成，直到您拨打done()回拨。

备注：习惯于在适当的时候用分号结束行。