Fix crashing test

Author: velopert

src/components/post/__tests__/PostCommentList.test.tsx

@@ -1,15 +1,18 @@
 import * as React from 'react';
 import { render } from '@testing-library/react';
 import PostCommentsList, { PostCommentsListProps } from '../PostCommentsList';
+import { Comment } from '../../../lib/graphql/post';
+import { MemoryRouter } from 'react-router-dom';
 
 describe('PostCommentsList', () => {
-  const sampleComments = [
+  const sampleComments: Comment[] = [
     {
       id: 'a38d0552-d2a4-4079-96ca-09aef72f00e1',
       user: {
         id: '0bcdf3e5-a228-42c3-8b52-3f0dc118dfd8',
         username: 'blablabla',
         profile: {
+          id: '',
           thumbnail: null,
         },
       },
@@ -25,6 +28,7 @@ describe('PostCommentsList', () => {
         id: '0bcdf3e5-a228-42c3-8b52-3f0dc118dfd8',
         username: 'blablabla',
         profile: {
+          id: '',
           thumbnail: null,
         },
       },
@@ -40,6 +44,7 @@ describe('PostCommentsList', () => {
         id: '0bcdf3e5-a228-42c3-8b52-3f0dc118dfd8',
         username: 'blablabla',
         profile: {
+          id: '',
           thumbnail: null,
         },
       },
@@ -56,7 +61,11 @@ describe('PostCommentsList', () => {
       currentUserId: null,
       onRemove: () => {},
     };
-    const utils = render(<PostCommentsList {...initialProps} {...props} />);
+    const utils = render(
+      <MemoryRouter>
+        <PostCommentsList {...initialProps} {...props} />
+      </MemoryRouter>,
+    );
     return {
       ...utils,
     };

src/components/post/__tests__/PostReplies.test.tsx

@@ -2,33 +2,43 @@ import * as React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import PostReplies, { PostRepliesProps } from '../PostReplies';
 import renderWithRedux from '../../../lib/renderWithRedux';
+import { Comment } from '../../../lib/graphql/post';
+import { MemoryRouter } from 'react-router-dom';
 
-const sampleComments = [
+const sampleComments: Comment[] = [
   {
     id: '67139c27-cf3c-4da6-a25c-4b0ec54be379',
     user: {
       id: '0bcdf3e5-a228-42c3-8b52-3f0dc118dfd8',
       username: 'blablabla',
       profile: {
+        id: '67139c27-cf3c-4da6-a25c-4b0ec54be379',
         thumbnail: null,
       },
     },
     text: '첫번째 댓글',
     replies_count: 2,
     created_at: '2019-06-19T14:56:26.022Z',
+    deleted: false,
+    level: 0,
+    replies: undefined,
   },
   {
     id: '2f86fc23-2128-4e7c-99f5-f0fc4553afc8',
     user: {
       id: '0bcdf3e5-a228-42c3-8b52-3f0dc118dfd8',
       username: 'blablabla',
       profile: {
+        id: '67139c27-cf3c-4da6-a25c-4b0ec54be379',
         thumbnail: null,
       },
     },
     text: '두번째 댓글',
     replies_count: 0,
     created_at: '2019-06-19T15:08:08.085Z',
+    deleted: false,
+    level: 0,
+    replies: undefined,
   },
 ];
 describe('PostReplies', () => {
@@ -37,8 +47,13 @@ describe('PostReplies', () => {
       comments: sampleComments,
       onReply: () => {},
       onHide: () => {},
+      onRemove: () => {},
     };
-    const utils = renderWithRedux(<PostReplies {...initialProps} {...props} />);
+    const utils = renderWithRedux(
+      <MemoryRouter>
+        <PostReplies {...initialProps} {...props} />
+      </MemoryRouter>,
+    );
     return {
       ...utils,
     };