feat: Put Taxonomies tab behind flag

openedx · Apr 5, 2024 · a5006fb · a5006fb
1 parent 7f3164b
commit a5006fb
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/src/studio-home/tabs-section/TabsSection.test.jsx b/src/studio-home/tabs-section/TabsSection.test.jsx
@@ -158,11 +158,23 @@ describe('<TabsSection />', () => {
   });
 
   describe('taxonomies tab', () => {
-    it('should redirect to taxonomies page', async () => {
+    it('should not show taxonomies tab on page if not enabled', async () => {
       render(<RootWrapper />);
       axiosMock.onGet(getStudioHomeApiUrl()).reply(200, generateGetStudioHomeDataApiResponse());
       await executeThunk(fetchStudioHomeData(), store.dispatch);
 
+      expect(screen.getByText(tabMessages.coursesTabTitle.defaultMessage)).toBeInTheDocument();
+      expect(screen.queryByText(tabMessages.taxonomiesTabTitle.defaultMessage)).toBeNull();
+    });
+
+    it('should redirect to taxonomies page', async () => {
+      const data = generateGetStudioHomeDataApiResponse();
+      data.taxonomiesEnabled = true;
+
+      render(<RootWrapper />);
+      axiosMock.onGet(getStudioHomeApiUrl()).reply(200, data);
+      await executeThunk(fetchStudioHomeData(), store.dispatch);
+
       const taxonomiesTab = screen.getByText(tabMessages.taxonomiesTabTitle.defaultMessage);
       fireEvent.click(taxonomiesTab);
 

diff --git a/src/studio-home/tabs-section/index.jsx b/src/studio-home/tabs-section/index.jsx
@@ -33,7 +33,7 @@ const TabsSection = ({
     libraryAuthoringMfeUrl,
     redirectToLibraryAuthoringMfe,
     courses, librariesEnabled, libraries, archivedCourses,
-    numPages, coursesCount,
+    numPages, coursesCount, taxonomiesEnabled,
   } = useSelector(getStudioHomeData);
   const {
     courseLoadingStatus,
@@ -103,13 +103,15 @@ const TabsSection = ({
       );
     }
 
-    tabs.push(
-      <Tab
-        key={TABS_LIST.taxonomies}
-        eventKey={TABS_LIST.taxonomies}
-        title={intl.formatMessage(messages.taxonomiesTabTitle)}
-      />,
-    );
+    if (taxonomiesEnabled) {
+      tabs.push(
+        <Tab
+          key={TABS_LIST.taxonomies}
+          eventKey={TABS_LIST.taxonomies}
+          title={intl.formatMessage(messages.taxonomiesTabTitle)}
+        />,
+      );
+    }
 
     return tabs;
   }, [archivedCourses, librariesEnabled, showNewCourseContainer, isLoadingCourses, isLoadingLibraries]);