stream-chat-react-native-core 5.4.1 → 5.4.2-beta.1

package/src/components/MessageList/__tests__/useMessageList.test.tsx

@@ -0,0 +1,67 @@
+import React, { FC } from 'react';
+
+import { renderHook } from '@testing-library/react-hooks';
+import type { DefaultStreamChatGenerics } from 'src/types/types';
+import type { DefaultGenerics, StreamChat } from 'stream-chat';
+
+import { useCreatePaginatedMessageListContext } from '../../../components/Channel/hooks/useCreatePaginatedMessageListContext';
+import {
+  ChatContext,
+  ChatContextValue,
+  PaginatedMessageListContextValue,
+  PaginatedMessageListProvider,
+} from '../../../contexts';
+
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
+import { getTestClientWithUser } from '../../../mock-builders/mock';
+import { useMessageList } from '../hooks/useMessageList';
+
+jest.mock('react-native-fs', () => ({}));
+
+const clientUser = generateUser();
+let chatClient: StreamChat<DefaultGenerics> | StreamChat<DefaultStreamChatGenerics>;
+
+beforeEach(async () => {
+  chatClient = await getTestClientWithUser(clientUser);
+});
+
+const messages = new Array(10)
+  .fill(undefined)
+  .map((_: undefined, id: number) => generateMessage({ id }));
+
+const Providers: FC<{ children: React.ReactNode }> = ({ children }) => {
+  const messageListContext = useCreatePaginatedMessageListContext({
+    messages,
+  } as unknown as PaginatedMessageListContextValue);
+
+  return (
+    <ChatContext.Provider
+      value={
+        {
+          auto_translation_enabled: true,
+          client: chatClient,
+        } as unknown as ChatContextValue
+      }
+    >
+      <PaginatedMessageListProvider value={messageListContext}>
+        {children}
+      </PaginatedMessageListProvider>
+    </ChatContext.Provider>
+  );
+};
+
+describe('useMessageList', () => {
+  it('should always return a list of reversed messages', () => {
+    const { result } = renderHook(
+      () =>
+        useMessageList({
+          noGroupByUser: true,
+          threadList: false,
+        }),
+      { wrapper: Providers },
+    );
+    const reversedMessages = messages.reverse();
+    expect(result.current.map(({ id }) => id)).toEqual(reversedMessages.map(({ id }) => id));
+  });
+});

package/src/components/MessageList/hooks/useMessageList.ts

@@ -18,7 +18,6 @@ import { getReadStates } from '../utils/getReadStates';
 
 export type UseMessageListParams = {
   deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;
-  inverted?: boolean;
   noGroupByUser?: boolean;
   threadList?: boolean;
 };
@@ -52,7 +51,7 @@ export const useMessageList = <
 >(
   params: UseMessageListParams,
 ) => {
-  const { inverted, noGroupByUser, threadList } = params;
+  const { noGroupByUser, threadList } = params;
   const { client } = useChatContext<StreamChatGenerics>();
   const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =
     useChannelContext<StreamChatGenerics>();
@@ -104,9 +103,7 @@ export const useMessageList = <
       readBy: msg.id ? readData[msg.id] || false : false,
     }));
 
-  return (
-    inverted
-      ? messagesWithStylesReadByAndDateSeparator.reverse()
-      : messagesWithStylesReadByAndDateSeparator
-  ) as MessageType<StreamChatGenerics>[];
+  return [
+    ...messagesWithStylesReadByAndDateSeparator,
+  ].reverse() as MessageType<StreamChatGenerics>[];
 };

package/src/mock-builders/generator/message.js

@@ -8,7 +8,7 @@ export const generateMessage = (options = {}) => {
 
   return {
     attachments: [],
-    created_at: timestamp.toString(),
+    created_at: timestamp,
     html: '<p>regular</p>',
     id: uuidv4(),
     text: uuidv4(),

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.4.1"
+  "version": "5.4.2-beta.1"
 }