test: adjust SendButton.test.js

Author: MartinCupela

src/components/MessageInput/__tests__/SendButton.test.js

@@ -1,17 +1,33 @@
 import React from 'react';
-import { fireEvent, render } from '@testing-library/react';
+import { act, fireEvent, render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { toHaveNoViolations } from 'jest-axe';
+import { SendButton } from '../SendButton';
+import { Channel } from '../../Channel';
+import { Chat } from '../../Chat';
+import { initClientWithChannels } from '../../../mock-builders';
 import { axe } from '../../../../axe-helper';
 expect.extend(toHaveNoViolations);
 
-import { SendButton } from '../SendButton';
-
 describe('SendButton', () => {
   it('should call whatever callback was passed into the sendMessage prop when the button is pressed', async () => {
     const mock = jest.fn();
-    const { container, getByTitle } = render(<SendButton sendMessage={mock} />);
-    fireEvent.click(getByTitle('Send'));
+    const {
+      channels: [channel],
+      client,
+    } = await initClientWithChannels();
+    channel.messageComposer.textComposer.setText('Enable the button');
+    const { container, getByTitle } = render(
+      <Chat client={client}>
+        <Channel channel={channel}>
+          <SendButton sendMessage={mock} />
+        </Channel>
+      </Chat>,
+    );
+    channel.messageComposer.textComposer.setText('X');
+    await act(async () => {
+      await fireEvent.click(getByTitle('Send'));
+    });
     expect(mock).toHaveBeenCalledTimes(1);
     const results = await axe(container);
     expect(results).toHaveNoViolations();