Update tests to align with string updates

Author: marcellamaki

contentcuration/contentcuration/frontend/channelEdit/components/sidePanels/SubmitToCommunityLibrarySidePanel/__tests__/SubmitToCommunityLibrarySidePanel.spec.js

@@ -30,7 +30,7 @@ jest.mock('shared/data/resources', () => ({
 
 const store = factory();
 
-const { nonePrimaryInfo$, needsChangesPrimaryInfo$, approvedPrimaryInfo$, submittedPrimaryInfo$ } =
+const { nonePrimaryInfo$, needsChangesPrimaryInfo$, approvedPrimaryInfo$ } =
   communityChannelsStrings;
 
 async function makeWrapper({ channel, publishedData, latestSubmission }) {
@@ -219,7 +219,13 @@ describe('SubmitToCommunityLibrarySidePanel', () => {
 
       const infoSection = wrapper.find('.info-section');
       expect(infoSection.exists()).toBe(true);
-      expect(infoSection.text()).toContain(submittedPrimaryInfo$());
+      // PENDING status shows no primary info text — only the status chip
+      const infoText = wrapper.find('.info-text');
+      expect(infoText.text()).toBe('');
+      // Chip uses <script setup> with CSS v-bind (Vue 3 feature), so its text content is not
+      // available via VTU v1. Verify the chip is rendered with the correct status instead.
+      const statusChip = wrapper.findComponent(CommunityLibraryStatusChip);
+      expect(statusChip.exists()).toBe(true);
     });
   });
 

contentcuration/contentcuration/frontend/channelEdit/components/sidePanels/__tests__/PublishSidePanel.spec.js

@@ -8,6 +8,7 @@ import PublishSidePanel from '../PublishSidePanel.vue';
 import { Channel, CommunityLibrarySubmission } from 'shared/data/resources';
 import { forceServerSync } from 'shared/data/serverSync';
 import { communityChannelsStrings } from 'shared/strings/communityChannelsStrings';
+import commonStrings from 'shared/translator';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
@@ -79,8 +80,10 @@ describe('PublishSidePanel', () => {
     renderComponent();
 
     // Headers and default texts
-    expect(screen.getByText(communityChannelsStrings.publishChannel$())).toBeVisible();
-    expect(screen.getByText(communityChannelsStrings.publishChannelMode$())).toBeVisible();
+    expect(
+      screen.getByRole('heading', { name: communityChannelsStrings.publishChannel$() }),
+    ).toBeVisible();
+    expect(screen.getAllByText(communityChannelsStrings.publishChannelMode$())[0]).toBeVisible();
 
     expect(
       screen.getByText(communityChannelsStrings.publishingInfo$({ version: 2 })),
@@ -89,8 +92,8 @@ describe('PublishSidePanel', () => {
     // Default button text
     expect(screen.getByText(communityChannelsStrings.publishAction$())).toBeVisible();
 
-    // Live mode selected by default
-    const liveRadio = screen.getByRole('radio', { name: /Live/ });
+    // Live mode selected by default (first radio in the group)
+    const [liveRadio] = screen.getAllByRole('radio');
     expect(liveRadio).toBeChecked();
   });
 
@@ -106,15 +109,15 @@ describe('PublishSidePanel', () => {
 
     // Touch field to trigger validation visible
     await fireEvent.blur(notesInput);
-    expect(screen.getByText('Version notes are required')).toBeVisible();
+    expect(screen.getByText(commonStrings.fieldRequired$())).toBeVisible();
 
     // Type notes
     await fireEvent.update(notesInput, 'My version notes');
     await fireEvent.blur(notesInput);
 
     // Validation error should disappear
     await waitFor(() =>
-      expect(screen.queryByText('Version notes are required')).not.toBeInTheDocument(),
+      expect(screen.queryByText(commonStrings.fieldRequired$())).not.toBeInTheDocument(),
     );
     await waitFor(() => expect(publishBtn).toBeEnabled());
   });