angular - [Angular7][Jest] 如何测试 MergeMap？

Question

我需要你的帮助:)

我使用了 angular 7 和 Rxjs。为了测试，我使用了 Jest。

我的组件在 2 个 httpClient 之间使用 MergeMap，就像这样:

addPost() {
  this.postService.createPost(post).pipe(
    mergeMap( (response) => { return this.postService.getPost(response.headers.get('Location'));} )
  ).subscribe(
    (post) => {
      this.content =""; this.postService.addingPostToArray(post);
    }, (error) => {
      //todo
    }
  );
}

还有我的邮政服务:

createPost(post:Post) {
 return this.httpClient
   .post('http://localhost:8080/posts', {post: post}, {observe:  'response'}); 
}

getPost(url: any) {
   return this.httpClient.get<Post>(url);
}

然后我像这样为我的组件创建了测试:

it('should test addPost OK', () => {
postService = TestBed.get(PostService);
spyOn(postService, 'createPost').and.returnValue(of('test'));
spyOn(postService, 'getPost').and.returnValue(of('test'));

component.addPost();

expect(postService.createPost).toHaveBeenCalled();
expect(postService.getPost).toHaveBeenCalled();

});

但问题是我的 getPost 从未被调用过。

expect(spy).toHaveBeenCalled()

Expected spy to have been called, but it was not called.

  131 |
  132 |     expect(postService.createPost).toHaveBeenCalled();
> 133 |     expect(postService.getPost).toHaveBeenCalled();

如何测试 mergeMap ？

我希望我的解释不会太奇怪:)

感谢您的帮助；)

Answer 1

字符串测试不会有属性 response.headers.get('Location')。

尝试

spyOn(postService, 'createPost').and.returnValue(of({ headers: { get: _ => 'test' } }));