feat: remove lib v2 beta badge (#2951)

Author: rpenido

src/studio-home/tabs-section/TabsSection.test.tsx

@@ -33,9 +33,6 @@ let store;
 const courseApiLinkV2 = `${getApiBaseUrl()}/api/contentstore/v2/home/courses`;
 const libraryApiLink = `${getStudioHomeApiUrl()}/libraries`;
 
-// The Libraries v2 tab title contains a badge, so we need to use regex to match its tab text.
-const librariesBetaTabTitle = /Libraries Beta/;
-
 const tabSectionComponent = (overrideProps) => (
   <TabsSection
     showNewCourseContainer={false}
@@ -91,7 +88,7 @@ describe('<TabsSection />', () => {
 
     expect(screen.getByRole('tab', { name: tabMessages.coursesTabTitle.defaultMessage })).toBeInTheDocument();
 
-    expect(screen.getByRole('tab', { name: librariesBetaTabTitle })).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage })).toBeInTheDocument();
 
     expect(screen.getByRole('tab', { name: tabMessages.legacyLibrariesTabTitle.defaultMessage })).toBeInTheDocument();
   });
@@ -120,7 +117,7 @@ describe('<TabsSection />', () => {
     await executeThunk(fetchStudioHomeData(), store.dispatch);
 
     expect(screen.getByText(tabMessages.librariesTabTitle.defaultMessage)).toBeInTheDocument();
-    const librariesTab = screen.getByRole('tab', { name: librariesBetaTabTitle });
+    const librariesTab = screen.getByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
     expect(librariesTab).toBeInTheDocument();
     // Check Tab.eventKey
     expect(librariesTab).toHaveAttribute('data-rb-event-key', 'libraries');
@@ -352,7 +349,7 @@ describe('<TabsSection />', () => {
       await axiosMock.onGet(getStudioHomeApiUrl()).reply(200, generateGetStudioHomeDataApiResponse());
       await executeThunk(fetchStudioHomeData(), store.dispatch);
 
-      const librariesTab = await screen.findByRole('tab', { name: librariesBetaTabTitle });
+      const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       fireEvent.click(librariesTab);
 
       expect(librariesTab).toHaveClass('active');
@@ -377,9 +374,6 @@ describe('<TabsSection />', () => {
       const user = userEvent.setup();
       await act(async () => executeThunk(fetchStudioHomeData(), store.dispatch));
 
-      // Libraries v2 tab should not be shown
-      expect(screen.queryByRole('tab', { name: librariesBetaTabTitle })).toBeNull();
-
       const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       await user.click(librariesTab);
 
@@ -399,9 +393,6 @@ describe('<TabsSection />', () => {
       const user = userEvent.setup();
       await act(async () => executeThunk(fetchStudioHomeData(), store.dispatch));
 
-      // Libraries v2 tab should not be shown
-      expect(screen.queryByRole('tab', { name: librariesBetaTabTitle })).toBeNull();
-
       const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       await user.click(librariesTab);
 
@@ -430,7 +421,7 @@ describe('<TabsSection />', () => {
       render();
       await executeThunk(fetchStudioHomeData(), store.dispatch);
 
-      const librariesTab = await screen.findByRole('tab', { name: librariesBetaTabTitle });
+      const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       await user.click(librariesTab);
 
       expect(librariesTab).toHaveClass('active');
@@ -453,7 +444,7 @@ describe('<TabsSection />', () => {
       // Libraries v1 tab should not be shown
       expect(screen.queryByText(tabMessages.legacyLibrariesTabTitle.defaultMessage)).toBeNull();
 
-      const librariesTab = await screen.findByRole('tab', { name: librariesBetaTabTitle });
+      const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       fireEvent.click(librariesTab);
 
       expect(librariesTab).toHaveClass('active');
@@ -478,7 +469,7 @@ describe('<TabsSection />', () => {
       await axiosMock.onGet(getStudioHomeApiUrl()).reply(200, generateGetStudioHomeDataApiResponse());
       await executeThunk(fetchStudioHomeData(), store.dispatch);
 
-      const librariesTab = await screen.findByRole('tab', { name: librariesBetaTabTitle });
+      const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       fireEvent.click(librariesTab);
 
       expect(librariesTab).toHaveClass('active');
@@ -522,7 +513,7 @@ describe('<TabsSection />', () => {
       const user = userEvent.setup();
       await act(async () => executeThunk(fetchStudioHomeData(), store.dispatch));
 
-      const librariesTab = await screen.findByRole('tab', { name: librariesBetaTabTitle });
+      const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
       await user.click(librariesTab);
 
       expect(librariesTab).toHaveClass('active');
@@ -546,7 +537,7 @@ describe('<TabsSection />', () => {
         render();
         await executeThunk(fetchStudioHomeData(), store.dispatch);
 
-        const librariesTab = await screen.findByRole('tab', { name: librariesBetaTabTitle });
+        const librariesTab = await screen.findByRole('tab', { name: tabMessages.librariesTabTitle.defaultMessage });
         await user.click(librariesTab);
 
         expect(librariesTab).toHaveClass('active');

src/studio-home/tabs-section/index.tsx

@@ -1,7 +1,6 @@
 import { useMemo, useState, useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import {
-  Badge,
   Stack,
   Tab,
   Tabs,
@@ -91,7 +90,6 @@ const TabsSection = ({
           title={(
             <Stack gap={2} direction="horizontal">
               {intl.formatMessage(messages.librariesTabTitle)}
-              <Badge variant="info">{intl.formatMessage(messages.librariesV2TabBetaBadge)}</Badge>
             </Stack>
           )}
         >

src/studio-home/tabs-section/messages.ts

@@ -50,19 +50,6 @@ const messages = defineMessages({
     defaultMessage: 'Taxonomies',
     description: 'Title of Taxonomies tab on the home page',
   },
-  libraryV2PlaceholderTitle: {
-    id: 'course-authoring.studio-home.libraries.placeholder.title',
-    defaultMessage: 'Library V2 Placeholder',
-  },
-  libraryV2PlaceholderBody: {
-    id: 'course-authoring.studio-home.libraries.placeholder.body',
-    defaultMessage: 'This is a placeholder page, as the Library Authoring MFE is not enabled.',
-  },
-  librariesV2TabBetaBadge: {
-    id: 'course-authoring.studio-home.libraries.tab.library.beta-badge',
-    defaultMessage: 'Beta',
-    description: 'Text used to mark the Libraries v2 feature as "in beta"',
-  },
   librariesV2TabLibrarySearchPlaceholder: {
     id: 'course-authoring.studio-home.libraries.tab.library.search-placeholder',
     defaultMessage: 'Search',