stream-chat-react-native-core 3.10.2 → 4.0.0-beta.1

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { View } from 'react-native';
 import { act, cleanup, render, waitFor } from '@testing-library/react-native';
 import { v5 as uuidv5 } from 'uuid';
 
@@ -9,8 +8,6 @@ import { Channel } from '../../Channel/Channel';
 import { Chat } from '../../Chat/Chat';
 
 import { ChannelContext } from '../../../contexts/channelContext/ChannelContext';
-import { ThreadContext } from '../../../contexts/threadContext/ThreadContext';
-import { TranslationProvider } from '../../../contexts/translationContext/TranslationContext';
 import { Streami18n } from '../../../utils/Streami18n';
 
 import { getOrCreateChannelApi } from '../../../mock-builders/api/getOrCreateChannel';
@@ -22,24 +19,15 @@ import { generateStaticUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
 import { AttachmentPickerProvider } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { ImageGalleryProvider } from '../../../contexts/imageGalleryContext/ImageGalleryContext';
+import { ChannelsStateProvider } from '../../../contexts/channelsStateContext/ChannelsStateContext';
+import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 
 const StreamReactNativeNamespace = '9b244ee4-7d69-4d7b-ae23-cf89e9f7b035';
 
 afterEach(cleanup);
 
-function MockedFlatList(props) {
-  const items = props.data.map((item, index) => {
-    const key = props.keyExtractor(item, index);
-    return <View key={key}>{props.renderItem({ index, item })}</View>;
-  });
-  return <View>{items}</View>;
-}
-
 describe('Thread', () => {
   it('should render a new thread', async () => {
-    const t = jest.fn((key) => key);
-    const i18nInstance = new Streami18n();
-    const translators = await i18nInstance.getTranslators();
     const thread = generateMessage({ text: 'Thread Message Text' });
     const thread2 = generateMessage({ text: 'Thread2 Message Text' });
     const parent_id = thread.id;
@@ -48,12 +36,7 @@ describe('Thread', () => {
       generateMessage({ parent_id }),
       generateMessage({ parent_id }),
     ];
-    const thread2Responses = [
-      generateMessage({
-        parent_id: thread2.id,
-        text: 'Response Message Text2',
-      }),
-    ];
+
     const mockedChannel = generateChannel({
       messages: [thread, thread2],
     });
@@ -61,77 +44,24 @@ describe('Thread', () => {
     const chatClient = await getTestClientWithUser({ id: 'Neil' });
     useMockedApis(chatClient, [getOrCreateChannelApi(mockedChannel)]);
     const channel = chatClient.channel('messaging', mockedChannel.id);
-    await channel.query();
+    await channel.watch();
     channel.state.addMessagesSorted(threadResponses);
 
-    let openThread;
-
-    const { getAllByText, getByText, queryByText, rerender } = render(
-      <Chat client={chatClient}>
-        <TranslationProvider value={{ ...translators, t }}>
-          <AttachmentPickerProvider value={{ closePicker: jest.fn(), openPicker: jest.fn() }}>
-            <ImageGalleryProvider>
-              <Channel
-                channel={channel}
-                client={chatClient}
-                FlatList={MockedFlatList}
-                thread={thread}
-              >
-                <ThreadContext.Consumer>
-                  {(c) => {
-                    openThread = c.openThread;
-                    return <Thread />;
-                  }}
-                </ThreadContext.Consumer>
-              </Channel>
-            </ImageGalleryProvider>
-          </AttachmentPickerProvider>
-        </TranslationProvider>
-      </Chat>,
+    const { getAllByText, getByText, queryByText } = render(
+      <OverlayProvider>
+        <Chat client={chatClient}>
+          <Channel channel={channel} client={chatClient} thread={thread} threadList>
+            <Thread thread={thread} />
+          </Channel>
+        </Chat>
+      </OverlayProvider>,
     );
 
-    expect(t).toHaveBeenCalledWith('Loading messages...');
     await waitFor(() => {
-      expect(t).toHaveBeenCalledWith('Also send to channel');
       expect(getByText('Also send to channel')).toBeTruthy();
       expect(getAllByText('Response Message Text')).toHaveLength(1);
       expect(queryByText('Thread2 Message Text')).toBeFalsy();
     });
-
-    // TODO: For some reason channel state is being erased after the tests
-    channel.state.addMessagesSorted(thread2Responses);
-
-    act(() => openThread(thread2));
-
-    rerender(
-      <Chat client={chatClient}>
-        <TranslationProvider value={{ ...translators, t }}>
-          <AttachmentPickerProvider value={{ closePicker: jest.fn(), openPicker: jest.fn() }}>
-            <ImageGalleryProvider>
-              <Channel
-                channel={channel}
-                client={chatClient}
-                FlatList={MockedFlatList}
-                thread={thread2}
-              >
-                <ThreadContext.Consumer>
-                  {(c) => {
-                    openThread = c.openThread;
-                    return <Thread />;
-                  }}
-                </ThreadContext.Consumer>
-              </Channel>
-            </ImageGalleryProvider>
-          </AttachmentPickerProvider>
-        </TranslationProvider>
-      </Chat>,
-    );
-
-    await waitFor(() => {
-      expect(getByText('Also send to channel')).toBeTruthy();
-      expect(getAllByText('Response Message Text2')).toHaveLength(1);
-      expect(queryByText('Response Message Text')).toBeFalsy();
-    });
   }, 10000);
 
   it('should match thread snapshot', async () => {
@@ -170,25 +100,22 @@ describe('Thread', () => {
     let setLastRead;
 
     const { getByText, toJSON } = render(
-      <Chat client={chatClient} i18nInstance={i18nInstance}>
-        <AttachmentPickerProvider value={{ closePicker: jest.fn(), openPicker: jest.fn() }}>
-          <ImageGalleryProvider>
-            <Channel
-              channel={channel}
-              client={chatClient}
-              FlatList={MockedFlatList}
-              thread={thread}
-            >
-              <ChannelContext.Consumer>
-                {(c) => {
-                  setLastRead = c.setLastRead;
-                  return <Thread />;
-                }}
-              </ChannelContext.Consumer>
-            </Channel>
-          </ImageGalleryProvider>
-        </AttachmentPickerProvider>
-      </Chat>,
+      <ChannelsStateProvider>
+        <Chat client={chatClient} i18nInstance={i18nInstance}>
+          <AttachmentPickerProvider value={{ closePicker: jest.fn(), openPicker: jest.fn() }}>
+            <ImageGalleryProvider>
+              <Channel channel={channel} client={chatClient} thread={thread} threadList>
+                <ChannelContext.Consumer>
+                  {(c) => {
+                    setLastRead = c.setLastRead;
+                    return <Thread />;
+                  }}
+                </ChannelContext.Consumer>
+              </Channel>
+            </ImageGalleryProvider>
+          </AttachmentPickerProvider>
+        </Chat>
+      </ChannelsStateProvider>,
     );
 
     await waitFor(() => {