feat: add export library tags menu [FC-0049]

src/library-authoring/studio-header-wrapper/messages.js

@@ -27,6 +27,11 @@ const messages = defineMessages({
     defaultMessage: 'Import',
     description: 'Text for the import course in the settings menu.',
   },
+  'library.header.settings.exportTags': {
+    id: 'library.header.settings.exportTags',
+    defaultMessage: 'Export Tags',
+    description: 'Download library content tags as CSV',
+  },
   'library.header.nav.help.title': {
     id: 'library.header.nav.help.title',
     defaultMessage: 'Online help',

src/library-authoring/studio-header-wrapper/specs/utils.spec.js

@@ -1,6 +1,10 @@
 import { LOADING_STATUS } from '../../common';
 import { getMainMenuDropdown, getOutlineLink } from '../utils';
 
+const intl = {
+  formatMessage: jest.fn(message => message.defaultMessage),
+};
+
 describe('studio header wrapper utils', () => {
   describe('getOutlineLink', () => {
     it('should return /library/:libraryId', () => {
@@ -19,11 +23,18 @@ describe('studio header wrapper utils', () => {
     });
   });
   describe('getMainMenuDropdown', () => {
-    it('should return an array of length 1', () => {
+    it('should return an array of length 1 and correct items', () => {
       const libraryId = 'testId';
       const loadingStatus = LOADING_STATUS.LOADED;
-      const dropdownArray = getMainMenuDropdown(loadingStatus, libraryId, { formatMessage: jest.fn() });
+      const dropdownArray = getMainMenuDropdown(loadingStatus, libraryId, intl);
       expect(dropdownArray).toHaveLength(1);
+      const subItemTitles = dropdownArray[0].items.map(item => item.title);
+      expect(subItemTitles).toEqual([
+        'Details',
+        'User access',
+        'Export Tags',
+        'Import',
+      ]);
     });
     it('should return an empty array', () => {
       const libraryId = 'testId';

src/library-authoring/studio-header-wrapper/utils.js

@@ -1,3 +1,4 @@
+import { getConfig } from '@edx/frontend-platform';
 import { LOADING_STATUS, ROUTES } from '../common';
 import messages from './messages';
 
@@ -23,6 +24,10 @@ export const getMainMenuDropdown = (loadingStatus, libraryId, intl) => {
             href: ROUTES.Detail.ACCESS_SLUG(libraryId),
             title: intl.formatMessage(messages['library.header.settings.access']),
           },
+          {
+            href: `${getConfig().STUDIO_BASE_URL}/api/content_tagging/v1/object_tags/${libraryId}/export/`,
+            title: intl.formatMessage(messages['library.header.settings.exportTags']),
+          },
           {
             href: ROUTES.Detail.IMPORT_SLUG(libraryId),
             title: intl.formatMessage(messages['library.header.settings.import']),