stream-chat-react-native-core 5.27.0-beta.9 → 5.27.1-beta.1

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

@@ -1,14 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MessageInputContext's sendMessageAsync sendImageAsync is been called with finished file upload state and checked for snapshot) 1`] = `
-Object {
-  "attachments": Array [
-    Object {
+{
+  "attachments": [
+    {
       "image_url": "https://www.test.com",
       "type": "image",
     },
   ],
-  "mentioned_users": Array [],
+  "mentioned_users": [],
   "parent_id": undefined,
   "quoted_message_id": undefined,
   "show_in_channel": undefined,
@@ -17,14 +17,14 @@ Object {
 `;
 
 exports[`MessageInputContext's sendMessageAsync sendImageAsync is been called with uploaded file upload state and checked for snapshot) 1`] = `
-Object {
-  "attachments": Array [
-    Object {
+{
+  "attachments": [
+    {
       "image_url": "https://www.test.com",
       "type": "image",
     },
   ],
-  "mentioned_users": Array [],
+  "mentioned_users": [],
   "parent_id": undefined,
   "quoted_message_id": undefined,
   "show_in_channel": undefined,

package/src/contexts/messageInputContext/__tests__/isValidMessage.test.tsx

@@ -1,12 +1,14 @@
 import React, { PropsWithChildren } from 'react';
 import { act } from 'react-test-renderer';
 
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react-native';
 
 import {
   generateFileUploadPreview,
   generateImageUploadPreview,
 } from '../../../mock-builders/generator/attachment';
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { FileState } from '../../../utils/utils';
 import {
@@ -16,6 +18,9 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
+const user1 = generateUser();
+const message = generateMessage({ user: user1 }, 'isValidMessage');
+
 type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   Partial<InputMessageInputContextValue<StreamChatGenerics>>;
 
@@ -36,7 +41,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
 
 describe("MessageInputContext's isValidMessage", () => {
   const initialProps = {
-    editing: true,
+    editing: message,
     hasImagePicker: true,
   };
 
@@ -53,8 +58,14 @@ describe("MessageInputContext's isValidMessage", () => {
     'isValidMessage with fileUploads %p, imageUploads %p, mentionedUsers %p, numberOfUploads %d, text %s gives %p',
     (fileUploads, imageUploads, mentionedUsers, numberOfUploads, text, isValidMessageStatus) => {
       const { result } = renderHook(() => useMessageInputContext(), {
-        initialProps,
-        wrapper: Wrapper,
+        wrapper: (props) => (
+          <Wrapper
+            // @ts-ignore
+            editing={initialProps.editing}
+            hasImagePicker={initialProps.hasImagePicker}
+            {...props}
+          />
+        ),
       });
 
       act(() => {

package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx

@@ -2,10 +2,12 @@ import React, { PropsWithChildren } from 'react';
 import { Alert } from 'react-native';
 import { act } from 'react-test-renderer';
 
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react-native';
 
 import { generateFileAttachment } from '../../../mock-builders/generator/attachment';
 
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
 import * as NativeUtils from '../../../native';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
@@ -16,6 +18,8 @@ import {
   useMessageInputContext,
 } from '../MessageInputContext';
 
+const user1 = generateUser();
+const message = generateMessage({ user: user1 });
 type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   Partial<InputMessageInputContextValue<StreamChatGenerics>>;
 
@@ -49,28 +53,32 @@ describe("MessageInputContext's pickFile", () => {
   );
 
   const initialProps = {
-    editing: true,
+    editing: message,
     maxNumberOfFiles: 2,
   };
 
-  it.each([
-    [3, 1],
-    [1, 0],
-  ])(
+  it.each([[3, 1]])(
     'run pickFile when numberOfUploads is %d and alert is triggered %d number of times',
-    (numberOfUploads, numberOfTimesCalled) => {
+    async (numberOfUploads, numberOfTimesCalled) => {
       const { rerender, result } = renderHook(() => useMessageInputContext(), {
         initialProps,
-        wrapper: Wrapper,
+        wrapper: (props) => (
+          <Wrapper
+            // @ts-ignore
+            editing={initialProps.editing}
+            maxNumberOfFiles={initialProps.maxNumberOfFiles}
+            {...props}
+          />
+        ),
       });
 
       act(() => {
         result.current.setNumberOfUploads(numberOfUploads);
       });
 
-      rerender({ editing: false, maxNumberOfFiles: 2 });
+      rerender({ editing: message, maxNumberOfFiles: 2 });
 
-      act(() => {
+      await waitFor(() => {
         result.current.pickFile();
       });
 
@@ -78,13 +86,20 @@ describe("MessageInputContext's pickFile", () => {
     },
   );
 
-  it('trigger file size threshold limit alert when file size above the limit', () => {
+  it('trigger file size threshold limit alert when file size above the limit', async () => {
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps,
-      wrapper: Wrapper,
+      wrapper: (props) => (
+        // @ts-ignore
+        <Wrapper
+          editing={initialProps.editing}
+          maxNumberOfFiles={initialProps.maxNumberOfFiles}
+          {...props}
+        />
+      ),
     });
 
-    act(() => {
+    await waitFor(() => {
       result.current.pickFile();
     });
 

package/src/contexts/messageInputContext/__tests__/removeFile.test.tsx

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren } from 'react';
 import { act } from 'react-test-renderer';
 
-import { renderHook } from '@testing-library/react-hooks';
-
-import { waitFor } from '@testing-library/react-native';
+import { renderHook, waitFor } from '@testing-library/react-native';
 
 import { generateFileUploadPreview } from '../../../mock-builders/generator/attachment';
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
@@ -32,9 +32,12 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
   </MessageInputProvider>
 );
 
+const user1 = generateUser();
+const message = generateMessage({ user: user1 });
+const newMessage = generateMessage({ id: 'new-id' });
 describe("MessageInputContext's removeFile", () => {
   const initialProps = {
-    editing: true,
+    editing: message,
   };
 
   const file = generateFileUploadPreview({
@@ -61,7 +64,7 @@ describe("MessageInputContext's removeFile", () => {
         result.current.setNumberOfUploads(1);
       });
 
-      rerender({ editing: false });
+      rerender({ editing: newMessage });
 
       await waitFor(() => {
         expect(result.current.fileUploads.length).toBe(1);
@@ -71,7 +74,7 @@ describe("MessageInputContext's removeFile", () => {
         result.current.removeFile(fileId);
       });
 
-      rerender({ editing: true });
+      rerender({ editing: newMessage });
 
       await waitFor(() => {
         expect(result.current.fileUploads.length).toBe(expectedFileUploadsLength);

package/src/contexts/messageInputContext/__tests__/removeImage.test.tsx

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren } from 'react';
 import { act } from 'react-test-renderer';
 
-import { renderHook } from '@testing-library/react-hooks';
-
-import { waitFor } from '@testing-library/react-native';
+import { renderHook, waitFor } from '@testing-library/react-native';
 
 import { generateImageUploadPreview } from '../../../mock-builders/generator/attachment';
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
@@ -32,9 +32,12 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
   </MessageInputProvider>
 );
 
+const user1 = generateUser();
+const message = generateMessage({ user: user1 });
+const newMessage = generateMessage({ id: 'new-id' });
 describe("MessageInputContext's removeImage", () => {
   const initialProps = {
-    editing: true,
+    editing: message,
   };
   const image = generateImageUploadPreview({
     file: {
@@ -51,7 +54,7 @@ describe("MessageInputContext's removeImage", () => {
     async (imageId, expectedImageUploadsLength, expectedNumberOfUploadsLength) => {
       const { rerender, result } = renderHook(() => useMessageInputContext(), {
         initialProps,
-        wrapper: Wrapper,
+        wrapper: (props) => <Wrapper editing={initialProps.editing} {...props} />,
       });
 
       act(() => {
@@ -59,7 +62,7 @@ describe("MessageInputContext's removeImage", () => {
         result.current.setNumberOfUploads(1);
       });
 
-      rerender({ editing: false });
+      rerender({ editing: newMessage });
 
       await waitFor(() => {
         expect(result.current.imageUploads.length).toBe(1);
@@ -69,7 +72,7 @@ describe("MessageInputContext's removeImage", () => {
         result.current.removeImage(imageId);
       });
 
-      rerender({ editing: true });
+      rerender({ editing: newMessage });
 
       await waitFor(() => {
         expect(result.current.imageUploads.length).toBe(expectedImageUploadsLength);

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

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { act } from 'react-test-renderer';
 
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react-native';
 
 import type { MessageType } from '../../../components/MessageList/hooks/useMessageList';
 import {
@@ -37,6 +37,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
   </MessageInputProvider>
 );
 
+const newMessage = generateMessage({ id: 'new-id' });
 describe("MessageInputContext's sendMessage", () => {
   const message: boolean | MessageType<DefaultStreamChatGenerics> = generateMessage({
     created_at: 'Sat Jul 02 2022 23:55:13 GMT+0530 (India Standard Time)',
@@ -50,13 +51,20 @@ describe("MessageInputContext's sendMessage", () => {
   }) as unknown as MessageType<DefaultStreamChatGenerics>;
 
   it('exit sendMessage when file upload status failed', async () => {
+    const initialProps = {
+      editing: undefined,
+    };
     const files = generateFileUploadPreview({ state: FileState.UPLOAD_FAILED });
     const images = generateImageUploadPreview({ state: FileState.UPLOAD_FAILED });
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: undefined,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          // @ts-ignore
+          editing={initialProps.editing}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -73,13 +81,21 @@ describe("MessageInputContext's sendMessage", () => {
 
   it('exit sendMessage when image upload status is uploading', async () => {
     const images = generateImageUploadPreview({ state: FileState.UPLOADING });
+    const initialProps = {
+      editing: message,
+      sendImageAsync: true,
+    };
 
     const { rerender, result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: message,
-        sendImageAsync: true,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          // @ts-ignore
+          editing={initialProps.editing}
+          sendImageAsync={initialProps.sendImageAsync}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -88,24 +104,33 @@ describe("MessageInputContext's sendMessage", () => {
       result.current.setText('');
     });
 
-    act(() => {
+    await waitFor(() => {
       result.current.sendMessage();
     });
 
-    rerender({ editing: undefined, sendImageAsync: true });
+    rerender({ editing: newMessage, sendImageAsync: true });
 
-    await expect(result.current.asyncIds).toHaveLength(1);
+    await waitFor(() => {
+      expect(result.current.asyncIds).toHaveLength(1);
+    });
     await expect(result.current.sending.current).toBeFalsy();
   });
 
   it('exit sendMessage when image upload status is uploading and sendImageAsync is available', async () => {
     const images = generateImageUploadPreview({ state: FileState.UPLOADING });
+    const initialProps = {
+      editing: message,
+    };
 
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: message,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          // @ts-ignore
+          editing={initialProps.editing}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -123,11 +148,18 @@ describe("MessageInputContext's sendMessage", () => {
 
   it('exit sendMessage when file upload status is uploading', async () => {
     const files = generateFileUploadPreview({ state: FileState.UPLOADING });
+    const initialProps = {
+      editing: message,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: message,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          // @ts-ignore
+          editing={initialProps.editing}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -143,21 +175,30 @@ describe("MessageInputContext's sendMessage", () => {
     await expect(result.current.sending.current).toBeFalsy();
   });
 
-  it('exit sendMessage when image upload status is uploaded successfully', () => {
+  it('exit sendMessage when image upload status is uploaded successfully', async () => {
     const sendMessageMock = jest.fn();
     const clearQuotedMessageStateMock = jest.fn();
     const images = [
       generateImageUploadPreview({ state: FileState.UPLOADED }),
       generateImageUploadPreview({ state: FileState.FINISHED }),
     ];
+    const initialProps = {
+      clearQuotedMessageState: clearQuotedMessageStateMock,
+      editing: undefined,
+      quotedMessage: false,
+      sendMessage: sendMessageMock,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: undefined,
-        quotedMessage: false,
-        sendMessage: sendMessageMock,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          clearQuotedMessageState={initialProps.clearQuotedMessageState}
+          editing={initialProps.editing}
+          quotedMessage={initialProps.quotedMessage}
+          sendMessage={initialProps.sendMessage}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -166,7 +207,7 @@ describe("MessageInputContext's sendMessage", () => {
       result.current.setText('');
     });
 
-    act(() => {
+    await waitFor(() => {
       result.current.sendMessage();
     });
 
@@ -186,14 +227,24 @@ describe("MessageInputContext's sendMessage", () => {
       generateImageUploadPreview({ state: FileState.UPLOADED }),
       generateImageUploadPreview({ state: FileState.FINISHED }),
     ];
+    const initialProps = {
+      clearQuotedMessageState: clearQuotedMessageStateMock,
+      editing: undefined,
+      quotedMessage: generatedQuotedMessage,
+      setQuotedMessageState: setQuotedMessageStateMock,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: undefined,
-        quotedMessage: generatedQuotedMessage,
-        setQuotedMessageState: setQuotedMessageStateMock,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          // @ts-ignore
+          clearEditingState={initialProps.clearQuotedMessageState}
+          editing={initialProps.editing}
+          quotedMessage={initialProps.quotedMessage}
+          setQuotedMessageState={initialProps.setQuotedMessageState}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -217,16 +268,27 @@ describe("MessageInputContext's sendMessage", () => {
     const editMessageMock = jest.fn().mockResolvedValue({ data: {} });
     const images = generateImageUploadPreview({ state: FileState.UPLOADED });
     const generatedMessage: boolean | MessageType<DefaultStreamChatGenerics> = message;
+    const initialProps = {
+      clearEditingState: clearEditingStateMock,
+      clearQuotedMessageState: clearQuotedMessageStateMock,
+      editing: generatedMessage,
+      editMessage: editMessageMock,
+      quotedMessage: false,
+      sendMessage: sendMessageMock,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        clearEditingState: clearEditingStateMock,
-        clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: generatedMessage,
-        editMessage: editMessageMock,
-        quotedMessage: false,
-        sendMessage: sendMessageMock,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          clearEditingState={initialProps.clearEditingState}
+          clearQuotedMessageState={initialProps.clearQuotedMessageState}
+          editing={initialProps.editing}
+          editMessage={initialProps.editMessage}
+          quotedMessage={initialProps.quotedMessage}
+          sendMessage={initialProps.sendMessage}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -256,14 +318,24 @@ describe("MessageInputContext's sendMessage", () => {
     ];
     const sendMessageMock = jest.fn();
     const clearQuotedMessageStateMock = jest.fn();
+    const initialProps = {
+      clearQuotedMessageState: clearQuotedMessageStateMock,
+      editing: undefined,
+      quotedMessage: false,
+      sendMessage: sendMessageMock,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: undefined,
-        quotedMessage: false,
-        sendMessage: sendMessageMock,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          // @ts-ignore
+          clearQuotedMessageState={initialProps.clearQuotedMessageState}
+          editing={initialProps.editing}
+          quotedMessage={initialProps.quotedMessage}
+          sendMessage={initialProps.sendMessage}
+          {...props}
+        />
+      ),
     });
 
     act(() => {