fix: sync issue

Author: khushal87

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

@@ -2,15 +2,7 @@ import React from 'react';
 
 import { Alert } from 'react-native';
 
-import {
-  act,
-  cleanup,
-  fireEvent,
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from '@testing-library/react-native';
+import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react-native';
 
 import * as AttachmentPickerUtils from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
@@ -99,8 +91,6 @@ describe('MessageInput', () => {
   });
 
   it('should start the audio recorder on long press and cleanup on unmount', async () => {
-    const userBot = userEvent.setup();
-
     renderComponent({
       channelProps: { audioRecordingEnabled: true, channel },
       client,
@@ -109,8 +99,10 @@ describe('MessageInput', () => {
 
     const { queryByTestId, unmount } = screen;
 
+    const audioButton = queryByTestId('audio-button');
+
     act(() => {
-      userBot.longPress(queryByTestId('audio-button'), { duration: 1000 });
+      fireEvent(audioButton, 'longPress');
     });
 
     await waitFor(() => {
@@ -132,8 +124,6 @@ describe('MessageInput', () => {
   });
 
   it('should trigger an alert if a normal press happened on audio recording', async () => {
-    const userBot = userEvent.setup();
-
     renderComponent({
       channelProps: { audioRecordingEnabled: true, channel },
       client,
@@ -142,8 +132,10 @@ describe('MessageInput', () => {
 
     const { queryByTestId } = screen;
 
+    const audioButton = queryByTestId('audio-button');
+
     act(() => {
-      userBot.press(queryByTestId('audio-button'));
+      fireEvent.press(audioButton);
     });
 
     await waitFor(() => {