✨(frontend) conditionally hide preferences link for Keycloak backend

Hide the "My preferences" link in the dashboard sidebar when using the Keycloak
authentication backend, as preferences are not supported in this context.

Author: kernicPanel

src/frontend/js/api/auth/keycloak.spec.ts

@@ -42,7 +42,8 @@ describe('Keycloak API', () => {
     client_id: 'richie-client',
     realm: 'richie-realm',
     auth_url: 'https://keycloak.test/auth/realms/richie-realm/protocol/openid-connect/auth',
-    registration_url: 'https://keycloak.test/auth/realms/richie-realm/protocol/openid-connect/registrations',
+    registration_url:
+      'https://keycloak.test/auth/realms/richie-realm/protocol/openid-connect/registrations',
   };
 
   let keycloakApi: ReturnType<typeof API>;

src/frontend/js/widgets/Dashboard/components/LearnerDashboardSidebar/index.tsx

@@ -7,6 +7,8 @@ import {
   DashboardSidebarProps,
 } from 'widgets/Dashboard/components/DashboardSidebar';
 import { useSession } from 'contexts/SessionContext';
+import { APIBackend } from 'types/api';
+import context from 'utils/context';
 import { UserHelper } from 'utils/UserHelper';
 
 import { LearnerDashboardPaths } from 'widgets/Dashboard/utils/learnerRoutesPaths';
@@ -30,15 +32,18 @@ export const LearnerDashboardSidebar = (props: Partial<DashboardSidebarProps>) =
 
   const getRouteLabel = getDashboardRouteLabel(intl);
 
+  const dashboardPaths = [
+    LearnerDashboardPaths.COURSES,
+    LearnerDashboardPaths.CERTIFICATES,
+    LearnerDashboardPaths.CONTRACTS,
+    LearnerDashboardPaths.BATCH_ORDERS,
+  ];
+  if (context?.authentication.backend !== APIBackend.KEYCLOAK) {
+    dashboardPaths.push(LearnerDashboardPaths.PREFERENCES);
+  }
   const links = useMemo(
     () =>
-      [
-        LearnerDashboardPaths.COURSES,
-        LearnerDashboardPaths.CERTIFICATES,
-        LearnerDashboardPaths.CONTRACTS,
-        LearnerDashboardPaths.PREFERENCES,
-        LearnerDashboardPaths.BATCH_ORDERS,
-      ].map((path) => ({
+      dashboardPaths.map((path) => ({
         to: generatePath(path),
         label: getRouteLabel(path),
         activePaths:

src/frontend/js/widgets/Dashboard/index.spec.tsx

@@ -1,4 +1,4 @@
-import { getByText, screen } from '@testing-library/react';
+import { getByText, queryByText, screen } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
 import userEvent from '@testing-library/user-event';
 import {
@@ -17,6 +17,7 @@ import { createTestQueryClient } from 'utils/test/createTestQueryClient';
 import { BaseJoanieAppWrapper } from 'utils/test/wrappers/BaseJoanieAppWrapper';
 import { expectNoSpinner } from 'utils/test/expectSpinner';
 import { LearnerDashboardPaths } from 'widgets/Dashboard/utils/learnerRoutesPaths';
+import context from 'utils/context';
 import { DashboardTest } from './components/DashboardTest';
 
 jest.mock('utils/context', () => ({
@@ -210,4 +211,23 @@ describe('<Dashboard />', () => {
     expectUrlMatchLocationDisplayed('/dummy/route');
     expect(screen.getByRole('heading', { name: /Page not found/ }));
   });
+
+  it('should not show preferences link when using keycloak backend', async () => {
+    // Temporarily change the authentication backend to keycloak
+    const originalBackend = context.authentication.backend;
+    context.authentication.backend = 'keycloak';
+
+    render(<DashboardTest initialRoute={LearnerDashboardPaths.COURSES} />, {
+      wrapper: BaseJoanieAppWrapper,
+    });
+    await expectNoSpinner('Loading orders and enrollments...');
+
+    const sidebar = screen.getByTestId('dashboard__sidebar');
+
+    // Verify that "My preferences" link is NOT present in the sidebar
+    expect(queryByText(sidebar, 'My preferences')).toBeNull();
+
+    // Restore original backend
+    context.authentication.backend = originalBackend;
+  });
 });