Adjust MessageSimple and ReactionsList tests

GetStream · Oct 13, 2023 · 62d548d · 62d548d
1 parent b4ac9f8
commit 62d548d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 25 deletions.
diff --git a/src/components/Message/__tests__/MessageSimple.test.js b/src/components/Message/__tests__/MessageSimple.test.js
@@ -19,18 +19,16 @@ import { EditMessageForm, MessageInput as MessageInputMock } from '../../Message
 import { getReadStates } from '../../MessageList';
 import { MML as MMLMock } from '../../MML';
 import { Modal as ModalMock } from '../../Modal';
+import { defaultReactionOptions } from '../../Reactions';
 
 import {
   ChannelActionProvider,
   ChannelStateProvider,
   ChatProvider,
   ComponentProvider,
-  EmojiProvider,
   TranslationProvider,
 } from '../../../context';
 import {
-  emojiComponentMock,
-  emojiDataMock,
   generateChannel,
   generateMessage,
   generateReaction,
@@ -75,9 +73,7 @@ async function renderMessageSimple({
 
   return renderer(
     <ChatProvider value={{ client, themeVersion: '1' }}>
-      <ChannelStateProvider
-        value={{ channel, channelCapabilities, channelConfig, emojiConfig: emojiDataMock }}
-      >
+      <ChannelStateProvider value={{ channel, channelCapabilities, channelConfig }}>
         <ChannelActionProvider
           value={{ openThread: openThreadMock, retrySendMessage: retrySendMessageMock }}
         >
@@ -87,25 +83,17 @@ async function renderMessageSimple({
                 Attachment: AttachmentMock,
                 // eslint-disable-next-line react/display-name
                 Message: () => <MessageSimple {...props} />,
+                reactionOptions: defaultReactionOptions,
                 ...components,
               }}
             >
-              <EmojiProvider
-                value={{
-                  Emoji: emojiComponentMock.Emoji,
-                  emojiConfig: emojiDataMock,
-                  EmojiIndex: emojiComponentMock.EmojiIndex,
-                  EmojiPicker: emojiComponentMock.EmojiPicker,
-                }}
-              >
-                <Message
-                  getMessageActions={() => Object.keys(MESSAGE_ACTIONS)}
-                  isMyMessage={() => true}
-                  message={message}
-                  threadList={false}
-                  {...props}
-                />
-              </EmojiProvider>
+              <Message
+                getMessageActions={() => Object.keys(MESSAGE_ACTIONS)}
+                isMyMessage={() => true}
+                message={message}
+                threadList={false}
+                {...props}
+              />
             </ComponentProvider>
           </TranslationProvider>
         </ChannelActionProvider>

diff --git a/src/components/Reactions/__tests__/ReactionsList.test.js b/src/components/Reactions/__tests__/ReactionsList.test.js
@@ -22,9 +22,9 @@ const generateButtonTitle = (count) =>
 
 const renderComponent = ({ reaction_counts = {}, ...props }) => {
   const reactions = Object.entries(reaction_counts).flatMap(([type, count]) =>
-    Array(count)
-      .fill()
-      .map((_, i) => generateReaction({ type, user: { id: `${USER_ID}-${i}` } })),
+    Array.from({ length: count }, (_, i) =>
+      generateReaction({ type, user: { id: `${USER_ID}-${i}` } }),
+    ),
   );
 
   return render(