fix: failing tests and AutoCompleteInput type

Author: isekovanic

package/src/components/AutoCompleteInput/AutoCompleteInput.tsx

@@ -72,15 +72,26 @@ type AutoCompleteInputPropsWithContext = Pick<
     cooldownActive?: boolean;
   };
 
-export type AutoCompleteInputProps = Partial<AutoCompleteInputPropsWithContext>;
+export type AutoCompleteInputProps = Partial<
+  Omit<
+    AutoCompleteInputPropsWithContext,
+    | 'triggerSettings'
+    | 'mentionAllAppUsersQuery'
+    | 'mentionAllAppUsersEnabled'
+    | 'autoCompleteSuggestionsLimit'
+  >
+>;
 
 const AutoCompleteInputWithContext = (props: AutoCompleteInputPropsWithContext) => {
   const {
     additionalTextInputProps,
+    autoCompleteSuggestionsLimit,
     closeSuggestions,
     cooldownActive = false,
     giphyActive,
     giphyEnabled,
+    mentionAllAppUsersEnabled,
+    mentionAllAppUsersQuery,
     maxMessageLength,
     numberOfLines,
     onChange,
@@ -89,16 +100,10 @@ const AutoCompleteInputWithContext = (props: AutoCompleteInputPropsWithContext)
     setInputBoxRef,
     t,
     text,
+    triggerSettings,
     updateSuggestions: updateSuggestionsContext,
   } = props;
 
-  const {
-    autoCompleteSuggestionsLimit,
-    mentionAllAppUsersEnabled,
-    mentionAllAppUsersQuery,
-    triggerSettings,
-  } = useMessageInputContext();
-
   const isTrackingStarted = useRef(false);
   const selectionEnd = useRef(0);
   const [textHeight, setTextHeight] = useState(0);

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

@@ -9,6 +9,7 @@ import { generateChannelResponse } from '../../../mock-builders/generator/channe
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
 import { ACITriggerSettings } from '../../../utils/ACITriggerSettings';
+import { Channel } from '../../Channel/Channel';
 import { Chat } from '../../Chat/Chat';
 import { AutoCompleteInput } from '../AutoCompleteInput';
 
@@ -19,18 +20,17 @@ describe('AutoCompleteInput', () => {
 
   const getComponent = (props = {}) => (
     <Chat client={chatClient}>
-      <SuggestionsProvider value={props}>
-        <AutoCompleteInput
-          giphyEnabled
-          onChange={jest.fn}
-          text={props.text}
-          triggerSettings={ACITriggerSettings({
-            channel,
-            onMentionSelectItem: jest.fn(),
-            t: jest.fn(),
-          })}
-        />
-      </SuggestionsProvider>
+      <Channel
+        channel={channel}
+        triggerSettings={ACITriggerSettings({
+          channel,
+          onMentionSelectItem: jest.fn(),
+          t: jest.fn(),
+        })}
+      >
+        <AutoCompleteInput giphyEnabled onChange={jest.fn} text={props.text} />
+        <SuggestionsProvider value={props} />
+      </Channel>
     </Chat>
   );
 

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

@@ -332,8 +332,8 @@ describe('FileUploadPreview', () => {
     const fileUploads = [
       generateFileUploadPreview({
         id: 'file-upload-id-1',
-        mimeType: 'audio/mp3',
         state: FileState.UPLOADED,
+        type: 'audio/mp3',
       }),
     ];
     const removeFile = jest.fn();

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

@@ -129,7 +129,9 @@ describe('MessageInput', () => {
     );
 
     // Both for files and for images triggered in one test itself.
-    expect(Alert.alert).toHaveBeenCalledTimes(4);
+    await waitFor(() => {
+      expect(Alert.alert).toHaveBeenCalledTimes(4);
+    });
   });
 
   it('should start the audio recorder on long press and cleanup on unmount', async () => {

package/src/contexts/messageInputContext/__tests__/__snapshots__/sendMessage.test.tsx.snap

@@ -46,7 +46,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "file",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "uploaded",
@@ -58,7 +58,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "video/mp4",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "finished",
@@ -70,7 +70,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "audio/mp3",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "uploaded",
@@ -82,7 +82,7 @@ exports[`MessageInputContext's sendMessage exit sendMessage when file upload sta
     {
       "asset_url": undefined,
       "file_size": undefined,
-      "mime_type": undefined,
+      "mime_type": "image/jpeg",
       "originalFile": {
         "name": "dummy.pdf",
         "state": "finished",