stream-chat-react-native-core 3.10.1 → 4.0.0-beta.2

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

@@ -7,7 +7,6 @@ import { FileUploadPreview } from '../FileUploadPreview';
 import { Channel } from '../../Channel/Channel';
 import { Chat } from '../../Chat/Chat';
 
-import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
 import { FileState } from '../../../utils/utils';
 
@@ -18,6 +17,7 @@ import { generateChannel } from '../../../mock-builders/generator/channel';
 import { generateMember } from '../../../mock-builders/generator/member';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
+import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 
 function MockedFlatList(props) {
   const items = props.data.map((item, index) => {
@@ -30,9 +30,9 @@ function MockedFlatList(props) {
 describe('FileUploadPreview', () => {
   it('should render FileUploadPreview with all uploading files', async () => {
     const fileUploads = [
-      generateFileUploadPreview({ state: FileState.UPLOADING }),
-      generateFileUploadPreview({ state: FileState.UPLOADING }),
-      generateFileUploadPreview({ state: FileState.UPLOADING }),
+      generateFileUploadPreview({ id: 'file-upload-id-1', state: FileState.UPLOADING }),
+      generateFileUploadPreview({ id: 'file-upload-id-2', state: FileState.UPLOADING }),
+      generateFileUploadPreview({ id: 'file-upload-id-3', state: FileState.UPLOADING }),
     ];
     const removeFile = jest.fn();
     const uploadFile = jest.fn();
@@ -50,7 +50,7 @@ describe('FileUploadPreview', () => {
     await channel.query();
 
     const { getAllByTestId, queryAllByTestId, rerender, toJSON } = render(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -60,7 +60,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     await waitFor(() => {
@@ -80,7 +80,7 @@ describe('FileUploadPreview', () => {
     });
 
     rerender(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -93,7 +93,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     const snapshot = toJSON();
@@ -105,9 +105,9 @@ describe('FileUploadPreview', () => {
 
   it('should render FileUploadPreview with all uploaded files', async () => {
     const fileUploads = [
-      generateFileUploadPreview({ state: FileState.UPLOADED }),
-      generateFileUploadPreview({ state: FileState.UPLOADED }),
-      generateFileUploadPreview({ state: FileState.UPLOADED }),
+      generateFileUploadPreview({ id: 'file-upload-id-1', state: FileState.UPLOADED }),
+      generateFileUploadPreview({ id: 'file-upload-id-2', state: FileState.UPLOADED }),
+      generateFileUploadPreview({ id: 'file-upload-id-3', state: FileState.UPLOADED }),
     ];
     const removeFile = jest.fn();
     const uploadFile = jest.fn();
@@ -125,7 +125,7 @@ describe('FileUploadPreview', () => {
     await channel.query();
 
     const { getAllByTestId, queryAllByTestId, rerender, toJSON } = render(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -135,7 +135,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     await waitFor(() => {
@@ -157,7 +157,7 @@ describe('FileUploadPreview', () => {
     });
 
     rerender(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -170,7 +170,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     const snapshot = toJSON();
@@ -182,9 +182,9 @@ describe('FileUploadPreview', () => {
 
   it('should render FileUploadPreview with all failed files', async () => {
     const fileUploads = [
-      generateFileUploadPreview({ state: FileState.UPLOAD_FAILED }),
-      generateFileUploadPreview({ state: FileState.UPLOAD_FAILED }),
-      generateFileUploadPreview({ state: FileState.UPLOAD_FAILED }),
+      generateFileUploadPreview({ id: 'file-upload-id-1', state: FileState.UPLOAD_FAILED }),
+      generateFileUploadPreview({ id: 'file-upload-id-2', state: FileState.UPLOAD_FAILED }),
+      generateFileUploadPreview({ id: 'file-upload-id-3', state: FileState.UPLOAD_FAILED }),
     ];
     const removeFile = jest.fn();
     const uploadFile = jest.fn();
@@ -202,7 +202,7 @@ describe('FileUploadPreview', () => {
     await channel.query();
 
     const { getAllByTestId, queryAllByTestId, rerender, toJSON } = render(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -212,7 +212,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     await waitFor(() => {
@@ -239,7 +239,7 @@ describe('FileUploadPreview', () => {
     });
 
     rerender(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -252,7 +252,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     const snapshot = toJSON();
@@ -264,9 +264,9 @@ describe('FileUploadPreview', () => {
 
   it('should render FileUploadPreview with 1 uploading, 1 uploaded, and 1 failed file', async () => {
     const fileUploads = [
-      generateFileUploadPreview({ state: FileState.UPLOADING }),
-      generateFileUploadPreview({ state: FileState.UPLOADED }),
-      generateFileUploadPreview({ state: FileState.UPLOAD_FAILED }),
+      generateFileUploadPreview({ id: 'file-upload-id-1', state: FileState.UPLOADING }),
+      generateFileUploadPreview({ id: 'file-upload-id-2', state: FileState.UPLOADED }),
+      generateFileUploadPreview({ id: 'file-upload-id-3', state: FileState.UPLOAD_FAILED }),
     ];
     const removeFile = jest.fn();
     const uploadFile = jest.fn();
@@ -284,7 +284,7 @@ describe('FileUploadPreview', () => {
     await channel.query();
 
     const { queryAllByTestId, rerender, toJSON } = render(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -294,7 +294,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
     await waitFor(() => {
       expect(queryAllByTestId('active-upload-progress-indicator')).toHaveLength(
@@ -308,7 +308,7 @@ describe('FileUploadPreview', () => {
     });
 
     rerender(
-      <ThemeProvider>
+      <OverlayProvider>
         <Chat client={chatClient}>
           <Channel channel={channel} FlatList={MockedFlatList}>
             <FileUploadPreview
@@ -321,7 +321,7 @@ describe('FileUploadPreview', () => {
             />
           </Channel>
         </Chat>
-      </ThemeProvider>,
+      </OverlayProvider>,
     );
 
     const snapshot = toJSON();

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

@@ -11,9 +11,9 @@ import { generateImageUploadPreview } from '../../../mock-builders/generator/att
 describe('ImageUploadPreview', () => {
   it('should render ImageUploadPreview with all uploading images', async () => {
     const imageUploads = [
-      generateImageUploadPreview({ state: FileState.UPLOADING }),
-      generateImageUploadPreview({ state: FileState.UPLOADING }),
-      generateImageUploadPreview({ state: FileState.UPLOADING }),
+      generateImageUploadPreview({ id: 'image-upload-preview-1', state: FileState.UPLOADING }),
+      generateImageUploadPreview({ id: 'image-upload-preview-2', state: FileState.UPLOADING }),
+      generateImageUploadPreview({ id: 'image-upload-preview-3', state: FileState.UPLOADING }),
     ];
     const removeImage = jest.fn();
     const uploadImage = jest.fn();
@@ -68,9 +68,9 @@ describe('ImageUploadPreview', () => {
 
   it('should render ImageUploadPreview with all uploaded images', async () => {
     const imageUploads = [
-      generateImageUploadPreview({ state: FileState.UPLOADED }),
-      generateImageUploadPreview({ state: FileState.UPLOADED }),
-      generateImageUploadPreview({ state: FileState.UPLOADED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-1', state: FileState.UPLOADED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-2', state: FileState.UPLOADED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-3', state: FileState.UPLOADED }),
     ];
     const removeImage = jest.fn();
     const uploadImage = jest.fn();
@@ -125,9 +125,9 @@ describe('ImageUploadPreview', () => {
 
   it('should render ImageUploadPreview with all failed images', async () => {
     const imageUploads = [
-      generateImageUploadPreview({ state: FileState.UPLOAD_FAILED }),
-      generateImageUploadPreview({ state: FileState.UPLOAD_FAILED }),
-      generateImageUploadPreview({ state: FileState.UPLOAD_FAILED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-1', state: FileState.UPLOAD_FAILED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-2', state: FileState.UPLOAD_FAILED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-3', state: FileState.UPLOAD_FAILED }),
     ];
     const removeImage = jest.fn();
     const uploadImage = jest.fn();
@@ -189,9 +189,9 @@ describe('ImageUploadPreview', () => {
 
   it('should render ImageUploadPreview with 1 uploading, 1 uploaded, and 1 failed image', async () => {
     const imageUploads = [
-      generateImageUploadPreview({ state: FileState.UPLOADING }),
-      generateImageUploadPreview({ state: FileState.UPLOADED }),
-      generateImageUploadPreview({ state: FileState.UPLOAD_FAILED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-1', state: FileState.UPLOADING }),
+      generateImageUploadPreview({ id: 'image-upload-preview-2', state: FileState.UPLOADED }),
+      generateImageUploadPreview({ id: 'image-upload-preview-3', state: FileState.UPLOAD_FAILED }),
     ];
     const removeImage = jest.fn();
     const uploadImage = jest.fn();

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

@@ -11,30 +11,22 @@ import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
 import { generateChannel } from '../../../mock-builders/generator/channel';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
-import { AttachmentPickerProvider } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
+import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 
 describe('MessageInput', () => {
   const clientUser = generateUser();
   let chatClient;
   let channel;
 
-  const getComponent = ({ attachmentValue }) => {
-    const CameraSelectorIcon = () => null;
-    const FileSelectorIcon = () => null;
-    const ImageSelectorIcon = () => null;
-
-    return (
+  const getComponent = () => (
+    <OverlayProvider>
       <Chat client={chatClient}>
-        <AttachmentPickerProvider
-          value={{ ...attachmentValue, CameraSelectorIcon, FileSelectorIcon, ImageSelectorIcon }}
-        >
-          <Channel channel={channel}>
-            <MessageInput />
-          </Channel>
-        </AttachmentPickerProvider>
+        <Channel channel={channel}>
+          <MessageInput />
+        </Channel>
       </Chat>
-    );
-  };
+    </OverlayProvider>
+  );
 
   const initializeChannel = async (c) => {
     useMockedApis(chatClient, [getOrCreateChannelApi(c)]);