fix: test

Signed-off-by: Joris Mancini <[email protected]>.com>
Signed-off-by: Joris Mancini <[email protected]>

Author: TheMaskedTurtle

jest.config.ts

@@ -10,7 +10,7 @@ import type { Config } from 'jest';
 const config: Config = {
     testEnvironment: 'jsdom',
     moduleNameMapper: {
-        '^.+\\.svg\\?react$': 'jest-svg-transformer',
+        '^.+\\.svg\\?react$': '<rootDir>/src/_mocks_/svg.tsx',
         '^.+\\.(css|less|scss)$': 'identity-obj-proxy',
     },
     // see https://github.com/react-dnd/react-dnd/issues/3443

src/_mocks_/fetch.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+export default function fetchMock() {
+    return Promise.resolve({
+        ok: true,
+        json: () => ({ appsMetadataServerUrl: '' }), // just to remove the error logs when fetching env
+    });
+}

src/components/App/index.ts src/_mocks_/svg.tsxsrc/components/App/index.ts renamed to src/_mocks_/svg.tsx

@@ -1,12 +1,12 @@
-/*
+/**
  * Copyright (c) 2024, RTE (http://www.rte-france.com)
  * This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import AppComponent from './App';
+import { forwardRef, SVGProps } from 'react';
 
-export type App = typeof AppComponent;
+const SvgrMock = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => <svg ref={ref} {...props} />);
 
-export { AppWrapper } from './AppWrapper';
+export default SvgrMock;

src/components/App/App.tsx

@@ -26,7 +26,7 @@ import { selectComputedLanguage, selectLanguage, selectTheme } from '../../redux
 import { AppState } from '../../redux/reducer';
 import { AppsMetadataSrv, ConfigParameters } from '../../services';
 import { APP_NAME, COMMON_APP_NAME, PARAM_LANGUAGE, PARAM_THEME } from '../../utils/config-params';
-import { AppTopBar } from './AppTopBar';
+import AppTopBar from './AppTopBar';
 import { useDebugRender } from '../../utils/hooks';
 import { AppDispatch } from '../../redux/store';
 import { Navigate, Route, Routes, useLocation, useMatch, useNavigate } from 'react-router';

src/components/App/AppTopBar.tsx

@@ -85,7 +85,7 @@ type AppTopBarProps = {
     userManagerInstance: UserManagerState['instance'];
 };
 
-export function AppTopBar({ userManagerInstance }: Readonly<AppTopBarProps>) {
+export default function AppTopBar({ userManagerInstance }: Readonly<AppTopBarProps>) {
     const theme = useTheme();
     const dispatch = useDispatch<AppDispatch>();
     const user = useSelector((state: AppState) => state.user);

src/components/App/AppWrapper.tsx

@@ -177,10 +177,10 @@ const AppWrapperWithRedux = () => {
     );
 };
 
-export const AppWrapper = () => {
+export default function AppWrapper() {
     return (
         <Provider store={store}>
             <AppWrapperWithRedux />
         </Provider>
     );
-};
+}

src/index.tsx

@@ -10,7 +10,7 @@ import 'typeface-roboto';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
-import { AppWrapper } from './components/App';
+import AppWrapper from './components/App/AppWrapper';
 
 const container = document.getElementById('root');
 if (container) {