DESENG-489: engagement core to engagement content

CHANGELOG.MD

@@ -1,3 +1,6 @@
+## February 01, 2024
+- **Task** Change name from "Engagement Core" to "Engagement Content". [🎟️DESENG-489](https://apps.itsm.gov.bc.ca/jira/browse/DESENG-489)
+
 ## January 29, 2024
 - **Task** Updated Babel Traverse library. [🎟️DESENG-474](https://apps.itsm.gov.bc.ca/jira/browse/DESENG-474)
   - Run `npm audit fix` to update the vulnerable Babel traverse library.

met-web/src/components/engagement/form/EngagementFormTabs/FormTabs.tsx

@@ -9,7 +9,7 @@ import EngagementAdditionalDetails from './AdditionalDetails';
 import EngagementSettings from './Settings';
 
 const FormTabs = () => {
-    const [value, setValue] = React.useState<EngagementFormTabValues>(ENGAGEMENT_FORM_TABS.CORE);
+    const [value, setValue] = React.useState<EngagementFormTabValues>(ENGAGEMENT_FORM_TABS.CONTENT);
 
     return (
         <Box sx={{ width: '100%', typography: 'body1' }}>
@@ -24,13 +24,13 @@ const FormTabs = () => {
                         }}
                         variant="scrollable"
                     >
-                        <MetTab label="Engagement Core" value={ENGAGEMENT_FORM_TABS.CORE} />
+                        <MetTab label="Engagement Content" value={ENGAGEMENT_FORM_TABS.CONTENT} />
                         <MetTab label="Additional Details" value={ENGAGEMENT_FORM_TABS.ADDITIONAL} />
                         <MetTab label="User Management" value={ENGAGEMENT_FORM_TABS.USER_MANAGEMENT} />
                         <MetTab label="Settings" value={ENGAGEMENT_FORM_TABS.SETTINGS} />
                     </MetTabList>
                 </Box>
-                <MetTabPanel value={ENGAGEMENT_FORM_TABS.CORE}>
+                <MetTabPanel value={ENGAGEMENT_FORM_TABS.CONTENT}>
                     <EngagementForm />
                 </MetTabPanel>
                 <MetTabPanel value={ENGAGEMENT_FORM_TABS.ADDITIONAL}>

met-web/src/components/engagement/form/EngagementFormTabs/constants.ts

@@ -1,7 +1,7 @@
-export type EngagementFormTabValues = 'core' | 'settings' | 'User Management' | 'additional';
+export type EngagementFormTabValues = 'content' | 'settings' | 'User Management' | 'additional';
 
 export const ENGAGEMENT_FORM_TABS: { [x: string]: EngagementFormTabValues } = {
-    CORE: 'core',
+    CONTENT: 'content',
     ADDITIONAL: 'additional',
     USER_MANAGEMENT: 'User Management',
     SETTINGS: 'settings',

met-web/tests/unit/components/engagement/form/edit/EngagementForm.Edit.One.test.tsx

@@ -112,6 +112,19 @@ describe('Engagement form page tests', () => {
         setupEnv();
     });
 
+    test('Engagement form tabs and their titles should be populated correctly', async () => {
+        useParamsMock.mockReturnValue({ engagementId: '1' });
+        render(<EngagementForm />);
+
+        await waitFor(() => {
+            expect(screen.getByText('Engagement Content')).toBeInTheDocument();
+        });
+
+        expect(screen.getByText('Additional Details')).toBeInTheDocument();
+        expect(screen.getByText('User Management')).toBeInTheDocument();
+        expect(screen.getByText('Settings')).toBeInTheDocument();
+    });
+
     test('Engagement form with saved engagement should display saved info', async () => {
         useParamsMock.mockReturnValue({ engagementId: '1' });
         render(<EngagementForm />);