From 933e0925491e24d641e209ce7b0e62e03446dbda Mon Sep 17 00:00:00 2001 From: roschaefer Date: Tue, 3 Sep 2019 02:49:21 +0200 Subject: [PATCH] Fix frontend tests --- webapp/components/Comment.spec.js | 33 ++++++++++--------- .../CommentForm/CommentForm.spec.js | 3 ++ webapp/components/PostCard/index.spec.js | 6 ++-- 3 files changed, 25 insertions(+), 17 deletions(-) diff --git a/webapp/components/Comment.spec.js b/webapp/components/Comment.spec.js index b9be448e4..23e72f9d6 100644 --- a/webapp/components/Comment.spec.js +++ b/webapp/components/Comment.spec.js @@ -25,11 +25,16 @@ describe('Comment.vue', () => { success: jest.fn(), error: jest.fn(), }, + $i18n: { + locale: () => 'en', + }, $filters: { truncate: a => a, }, $apollo: { - mutate: jest.fn().mockResolvedValue(), + mutate: jest.fn().mockResolvedValue({ + data: { DeleteComment: { id: 'it-is-the-deleted-comment' } }, + }), }, } getters = { @@ -113,24 +118,22 @@ describe('Comment.vue', () => { }) describe('deletion of Comment from List by invoking "deleteCommentCallback()"', () => { - beforeEach(() => { - wrapper.vm.deleteCommentCallback() + beforeEach(async () => { + await wrapper.vm.deleteCommentCallback() }) - describe('after timeout', () => { - beforeEach(jest.runAllTimers) + it('emits "deleteComment"', () => { + expect(wrapper.emitted('deleteComment')).toEqual([ + [{ id: 'it-is-the-deleted-comment' }], + ]) + }) - it('emits "deleteComment"', () => { - expect(wrapper.emitted().deleteComment.length).toBe(1) - }) + it('does call mutation', () => { + expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1) + }) - it('does call mutation', () => { - expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1) - }) - - it('mutation is successful', () => { - expect(mocks.$toast.success).toHaveBeenCalledTimes(1) - }) + it('mutation is successful', () => { + expect(mocks.$toast.success).toHaveBeenCalledTimes(1) }) }) }) diff --git a/webapp/components/CommentForm/CommentForm.spec.js b/webapp/components/CommentForm/CommentForm.spec.js index 07069e2d5..8aab9bf65 100644 --- a/webapp/components/CommentForm/CommentForm.spec.js +++ b/webapp/components/CommentForm/CommentForm.spec.js @@ -20,6 +20,9 @@ describe('CommentForm.vue', () => { beforeEach(() => { mocks = { $t: jest.fn(), + $i18n: { + locale: () => 'en', + }, $apollo: { mutate: jest .fn() diff --git a/webapp/components/PostCard/index.spec.js b/webapp/components/PostCard/index.spec.js index 36b8bccda..d77e5346c 100644 --- a/webapp/components/PostCard/index.spec.js +++ b/webapp/components/PostCard/index.spec.js @@ -50,7 +50,9 @@ describe('PostCard', () => { error: jest.fn(), }, $apollo: { - mutate: jest.fn().mockResolvedValue(), + mutate: jest.fn().mockResolvedValue({ + data: { DeletePost: { id: 'deleted-post-id' } }, + }), }, } getters = { @@ -94,7 +96,7 @@ describe('PostCard', () => { }) it('emits "removePostFromList"', () => { - expect(wrapper.emitted().removePostFromList).toHaveLength(1) + expect(wrapper.emitted('removePostFromList')).toEqual([[{ id: 'deleted-post-id' }]]) }) }) })