update unit tests

TogetherCrew · Feb 23, 2024 · f2f11ff · f2f11ff
1 parent 127ea53
commit f2f11ff
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 17 deletions.
diff --git a/src/components/announcements/TcConfirmSchaduledAnnouncementsDialog.tsx b/src/components/announcements/TcConfirmSchaduledAnnouncementsDialog.tsx
@@ -13,6 +13,7 @@ interface ITcConfirmSchaduledAnnouncementsDialogProps {
   selectedChannels: { id: string; label: string }[];
   selectedRoles?: IRoles[];
   selectedUsernames?: IUser[];
+  selectedEngagementCategories?: string[];
   schaduledDate: string;
   isDisabled: boolean;
   handleCreateAnnouncements: (isDrafted: boolean) => void;
@@ -35,6 +36,7 @@ function TcConfirmSchaduledAnnouncementsDialog({
   buttonLabel,
   schaduledDate,
   selectedRoles,
+  selectedEngagementCategories,
   selectedUsernames,
   selectedChannels,
   isDisabled = true,
@@ -155,6 +157,32 @@ function TcConfirmSchaduledAnnouncementsDialog({
                 ) : (
                   ''
                 )}
+                {selectedEngagementCategories &&
+                selectedEngagementCategories.length > 0 ? (
+                  <div className='flex flex-col'>
+                    <div className='flex items-center justify-between'>
+                      <TcText
+                        text='Engagement Categories:'
+                        fontWeight={500}
+                        variant='subtitle2'
+                        className='text-left text-gray-400'
+                      />
+                      <TcText
+                        text={
+                          schaduledDate
+                            ? formatDateToLocalTimezone(schaduledDate)
+                            : ''
+                        }
+                        variant='subtitle2'
+                      />
+                    </div>
+                    {selectedEngagementCategories
+                      .join(', ')
+                      .replaceAll('_', ' ')}
+                  </div>
+                ) : (
+                  ''
+                )}
               </div>
               <div className='w-full py-6'>
                 <TcButton

diff --git a/src/components/announcements/create/publicMessageContainer/TcPublicMessageContainer.spec.tsx b/src/components/announcements/create/publicMessageContainer/TcPublicMessageContainer.spec.tsx
@@ -1,8 +1,12 @@
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 
 import TcPublicMessageContainer from './TcPublicMessageContainer';
 import { TokenContext } from '../../../../context/TokenContext';
+import {
+  ChannelContext,
+  initialChannelContextData,
+} from '../../../../context/ChannelContext';
 
 const mockToken = {
   accessToken: 'mockAccessToken',
@@ -27,25 +31,26 @@ const mockTokenContextValue = {
 };
 
 describe('TcPublicMessageContainer', () => {
-  beforeEach(() => {
+  const setup = () =>
     render(
       <TokenContext.Provider value={mockTokenContextValue}>
-        <TcPublicMessageContainer handlePublicAnnouncements={jest.fn()} />
+        <ChannelContext.Provider value={initialChannelContextData}>
+          <TcPublicMessageContainer handlePublicAnnouncements={jest.fn()} />
+        </ChannelContext.Provider>
       </TokenContext.Provider>
     );
-  });
 
-  it('renders the "Public Message" text', () => {
-    expect(screen.getByText(/Public Message/i)).toBeInTheDocument();
-  });
+  it('should toggle public message state and render related UI elements', async () => {
+    setup();
 
-  it('renders the message about bot distribute', () => {
-    const message =
-      /Our bot will distribute the announcement through selected channels with the required access to share the designated message./i;
-    expect(screen.getByText(message)).toBeInTheDocument();
-  });
+    const switchElement = screen.getByRole('checkbox');
+    fireEvent.click(switchElement);
 
-  it('renders the "Write message here:" text', () => {
     expect(screen.getByText(/Write message here:/i)).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        /Our bot will distribute the announcement through selected channels with the required access to share the designated message./i
+      )
+    ).toBeInTheDocument();
   });
 });
diff --git a/src/context/ChannelContext.tsx b/src/context/ChannelContext.tsx
@@ -52,7 +52,7 @@ const initialChannels: Channel[] = [];
 
 const initialSelectedSubChannels: SelectedSubChannels = {};
 
-const initialChannelContextData: ChannelContextProps = {
+export const initialChannelContextData: ChannelContextProps = {
   channels: initialChannels,
   loading: false,
   selectedSubChannels: initialSelectedSubChannels,

diff --git a/src/pages/announcements/edit-announcements/index.tsx b/src/pages/announcements/edit-announcements/index.tsx
@@ -156,8 +156,7 @@ function Index() {
       data.push(...privateAnnouncements);
     }
 
-    const announcementsPayload = {
-      communityId: community.id,
+    const announcementPayload = {
       draft: isDrafted,
       scheduledAt: scheduledAt,
       data: data,
@@ -168,7 +167,7 @@ function Index() {
 
       const data = await patchExistingAnnouncement({
         id,
-        announcementsPayload,
+        announcementPayload,
       });
 
       if (data) {
@@ -325,6 +324,7 @@ function Index() {
                   selectedChannels={channels}
                   selectedRoles={roles}
                   selectedUsernames={users}
+                  selectedEngagementCategories={engagementCategories}
                   schaduledDate={scheduledAt || ''}
                   isDisabled={
                     !scheduledAt ||