feat: tests added and updated after new item at the menu

Author: jesusbalderramawgu

src/header/hooks.test.tsx

@@ -100,15 +100,15 @@ describe('header utils', () => {
         ENABLE_CERTIFICATE_PAGE: 'true',
       });
       const actualItems = renderHook(() => useSettingMenuItems('course-123'), { wrapper: createWrapper() }).result.current;
-      expect(actualItems).toHaveLength(6);
+      expect(actualItems).toHaveLength(7);
     });
     it('when certificate page disabled should not include certificates option', () => {
       setConfig({
         ...getConfig(),
         ENABLE_CERTIFICATE_PAGE: 'false',
       });
       const actualItems = renderHook(() => useSettingMenuItems('course-123'), { wrapper: createWrapper() }).result.current;
-      expect(actualItems).toHaveLength(5);
+      expect(actualItems).toHaveLength(6);
     });
     it('when user has access to advanced settings should include advanced settings option', () => {
       const actualItemsTitle = renderHook(() => useSettingMenuItems('course-123'), { wrapper: createWrapper() }).result.current.map((item) => item.title);
@@ -163,6 +163,19 @@ describe('header utils', () => {
         expect(actualItemsTitle).not.toContain('Advanced Settings');
       });
     });
+
+    it('should include roles and permissions option', () => {
+      setConfig({
+        ...getConfig(),
+        ADMIN_CONSOLE_URL: 'http://admin-console.example.com',
+      });
+      const actualItems = renderHook(() => useSettingMenuItems('course-123'), { wrapper: createWrapper() }).result.current;
+      const rolesPermissionsItem = actualItems.find(item => item.title === 'Roles and Permissions');
+      expect(rolesPermissionsItem).toEqual({
+        href: 'http://admin-console.example.com/authz?scope=course-123',
+        title: 'Roles and Permissions',
+      });
+    });
   });
 
   describe('getToolsMenuItems', () => {

src/studio-home/StudioHome.test.tsx

@@ -1,4 +1,5 @@
 import * as reactRedux from 'react-redux';
+import { getConfig, setConfig } from '@edx/frontend-platform';
 
 import {
   fireEvent,
@@ -91,6 +92,18 @@ describe('<StudioHome />', () => {
       within(header).getByRole('button', { name: 'New course' }); // will error if not found
     });
 
+    it('should render roles and permissions button', async () => {
+      setConfig({
+        ...getConfig(),
+        ADMIN_CONSOLE_URL: 'https://admin-console.example.com',
+      });
+
+      render(<StudioHome />, { path: '/home' });
+      const header = getHeaderElement();
+      const rolesButton = within(header).getByRole('link', { name: 'Roles and permissions' });
+      expect(rolesButton).toHaveAttribute('href', 'https://admin-console.example.com/authz');
+    });
+
     it('should show verify email layout if user inactive', async () => {
       mockUseSelector.mockReturnValue({
         ...studioHomeMock,

src/studio-home/messages.ts

@@ -16,6 +16,7 @@ const messages = defineMessages({
   addRolesPermissionsBtnText: {
     id: 'course-authoring.studio-home.add-roles-permissions.btn.text',
     defaultMessage: 'Roles and permissions',
+    description: 'Text for the button that links to the Admin Console Roles and Permissions page.',
   },
   homePageLoadFailedMessage: {
     id: 'course-authoring.studio-home.page-load.failed.message',