fix: tests

src/hooks/theme.tsx

@@ -1,4 +1,5 @@
 import { ThemeContext } from "@/contexts/ThemeProvider";
+import { PaletteMode } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
 import { useContext } from "react";
 
@@ -20,13 +21,14 @@ export const useTheme = () => {
  * @returns the Material-UI theme
  * @throws an error if the hook is not used within a ThemeProvider
  */
+
 export const useMUITheme = () => {
   const { theme } = useTheme();
 
   // Create a Material-UI theme based on the current mode
   const muiTheme = createTheme({
     palette: {
-      mode: theme,
+      mode: theme as PaletteMode,
       primary: {
         main: "#ffffff",
       },

test/unit-tests/LoginButton.test.tsx → test/unit-tests/ProfileButton.test.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { render, fireEvent } from "@testing-library/react";
 import { ProfileButton } from "@/components/ui/ProfileButton";
 import { useOidcAccessToken, useOidc } from "@axa-fr/react-oidc";
+import { OIDCConfigurationContext } from "@/contexts/OIDCConfigurationProvider";
 
 // Mocking the hooks
 jest.mock("@axa-fr/react-oidc");
@@ -51,11 +52,20 @@ describe("<ProfileButton />", () => {
       logout: mockLogout,
     });
     (useOidcAccessToken as jest.Mock).mockReturnValue({
-      accessToken: "mockAccessToken",
       accessTokenPayload: { preferred_username: "John" },
     });
 
-    const { getByText } = render(<ProfileButton />);
+    // Mock context value
+    const mockContextValue = {
+      configuration: { scope: "mockScope" },
+      setConfiguration: jest.fn(),
+    };
+
+    const { getByText } = render(
+      <OIDCConfigurationContext.Provider value={mockContextValue}>
+        <ProfileButton />
+      </OIDCConfigurationContext.Provider>,
+    );
 
     // Open the menu by clicking the avatar
     fireEvent.click(getByText("J"));