add emoji config test to Channel

Author: DanC5

src/components/Channel/__tests__/Channel.test.js

@@ -216,6 +216,32 @@ describe('Channel', () => {
 
   // eslint-disable-next-line sonarjs/cognitive-complexity
   describe('Children that consume ChannelContext', () => {
+    it('should expose the emoji config', async () => {
+      let context;
+      const emojiData = {
+        compressed: true,
+        categories: [],
+        emojis: {},
+        aliases: {},
+      };
+      const CustomEmojiPicker = () => <div />;
+      const CustomEmoji = () => <span />;
+
+      renderComponent(
+        { emojiData, Emoji: CustomEmoji, EmojiPicker: CustomEmojiPicker },
+        (ctx) => {
+          context = ctx;
+        },
+      );
+
+      await waitFor(() => {
+        expect(context).toBeInstanceOf(Object);
+        expect(context.emojiConfig.emojiData).toBe(emojiData);
+        expect(context.emojiConfig.EmojiPicker).toBe(CustomEmojiPicker);
+        expect(context.emojiConfig.Emoji).toBe(CustomEmoji);
+      });
+    });
+
     it('should be able to open threads', async () => {
       const threadMessage = messages[0];
       const hasThread = jest.fn();

src/components/Chat/__tests__/Chat.test.js

@@ -8,11 +8,7 @@ import {
   dispatchNotificationMutesUpdated,
 } from 'mock-builders';
 import { Chat } from '..';
-import {
-  ChatContext,
-  EmojiContext,
-  TranslationContext,
-} from '../../../context';
+import { ChatContext, TranslationContext } from '../../../context';
 import { Streami18n } from '../../../i18n';
 
 import { version } from '../../../../package.json';
@@ -22,11 +18,6 @@ const ChatContextConsumer = ({ fn }) => {
   return <div data-testid="children" />;
 };
 
-const EmojiContextConsumer = ({ fn }) => {
-  fn(useContext(EmojiContext));
-  return <div data-testid="children" />;
-};
-
 const TranslationContextConsumer = ({ fn }) => {
   fn(useContext(TranslationContext));
   return <div data-testid="children" />;
@@ -380,40 +371,4 @@ describe('Chat', () => {
       });
     });
   });
-
-  describe('emoji context', () => {
-    it('should expose the emoji context', async () => {
-      let context;
-      const emojiData = {
-        compressed: true,
-        categories: [],
-        emojis: {},
-        aliases: {},
-      };
-      const CustomEmojiPicker = () => <div />;
-      const CustomEmoji = () => <span />;
-
-      render(
-        <Chat
-          client={chatClient}
-          emojiData={emojiData}
-          Emoji={CustomEmoji}
-          EmojiPicker={CustomEmojiPicker}
-        >
-          <EmojiContextConsumer
-            fn={(ctx) => {
-              context = ctx;
-            }}
-          ></EmojiContextConsumer>
-        </Chat>,
-      );
-
-      await waitFor(() => {
-        expect(context).toBeInstanceOf(Object);
-        expect(context.emojiData).toBe(emojiData);
-        expect(context.EmojiPicker).toBe(CustomEmojiPicker);
-        expect(context.Emoji).toBe(CustomEmoji);
-      });
-    });
-  });
 });