test: added draft test case

src/discussions/post-comments/PostCommentsView.test.jsx

@@ -671,6 +671,30 @@ describe('ThreadView', () => {
       expect(screen.queryByTestId('reply-comment-3')).not.toBeInTheDocument();
     });
 
+    it('successfully added response in the draft.', async () => {
+      await waitFor(() => renderComponent(discussionPostId));
+
+      let addResponseBtn = screen.queryByText('Add response');
+      await act(async () => {
+        fireEvent.click(addResponseBtn);
+      });
+
+      await waitFor(() => {
+        const editor = screen.queryByTestId('tinymce-editor');
+        fireEvent.change(editor, { target: { value: 'Hello, world!' } });
+      });
+      const cancelBtn = screen.queryByText('Cancel');
+      await act(async () => {
+        fireEvent.click(cancelBtn);
+      });
+      addResponseBtn = screen.queryByText('Add response');
+      await act(async () => {
+        fireEvent.click(addResponseBtn);
+      });
+
+      expect(screen.queryByText('Hello, world!')).toBeInTheDocument();
+    });
+
     it('pressing load more button will load next page of replies', async () => {
       await waitFor(() => renderComponent(discussionPostId));
 

src/setupTest.jsx

@@ -1,5 +1,8 @@
 import PropTypes from 'prop-types';
 
+import useDispatchWithState from './data/hooks';
+import { setDraftContent } from './discussions/post-comments/data/slices';
+
 import '@testing-library/jest-dom/extend-expect';
 import 'babel-polyfill';
 
@@ -23,21 +26,29 @@ Object.defineProperty(window, 'matchMedia', {
 const MockEditor = ({
   onBlur,
   onEditorChange,
-}) => (
-  <textarea
-    data-testid="tinymce-editor"
-    onChange={(event) => {
-      onEditorChange(event.currentTarget.value);
-    }}
-    onBlur={event => {
-      onBlur(event.currentTarget.value);
-    }}
-  />
-);
+  value,
+}) => {
+  const [submitting, dispatch] = useDispatchWithState();
+
+  return (
+    <textarea
+      data-testid="tinymce-editor"
+      value={value}
+      onChange={(event) => {
+        onEditorChange(`${event.currentTarget.value}`);
+        dispatch(setDraftContent({ responses: [{ threadId: 'thread-1', content: `${event.currentTarget.value}` }], comments: [] }));
+      }}
+      onBlur={event => {
+        onBlur(event.currentTarget.value);
+      }}
+    />
+  );
+};
 
 MockEditor.propTypes = {
   onBlur: PropTypes.func.isRequired,
   onEditorChange: PropTypes.func.isRequired,
+  value: PropTypes.string.isRequired,
 };
 jest.mock('@tinymce/tinymce-react', () => {
   const originalModule = jest.requireActual('@tinymce/tinymce-react');