Migrate Tests part to TS

package.json

@@ -43,13 +43,18 @@
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
-        "test": "react-scripts test --watchAll=false --transformIgnorePatterns \"node_modules/(?!@gridsuite/commons-ui)/\"",
+        "test": "react-scripts test --watchAll=false",
+        "test:watch": "react-scripts test",
+        "test:coverage": "react-scripts test --coverage",
         "eject": "react-scripts eject"
     },
     "jest": {
         "moduleNameMapper": {
             "\\.svg": "<rootDir>/src/__mocks__/svgrMock.js"
-        }
+        },
+        "transformIgnorePatterns": [
+            "node_modules/(?!@gridsuite/commons-ui)/"
+        ]
     },
     "eslintConfig": {
         "extends": [
@@ -76,6 +81,7 @@
     "devDependencies": {
         "@types/eslint-config-prettier": "^6.11.3",
         "@types/eslint-plugin-prettier": "^3.1.3",
+        "@types/jest": "^27.5.1",
         "@types/prettier": "^2.0.2",
         "eslint-config-prettier": "^8.0.0",
         "eslint-plugin-prettier": "^4.0.0",

src/components/app.test.js → src/components/app.test.tsx

@@ -1,23 +1,23 @@
-// app.test.js
+// app.test.tsx
 
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { act } from 'react-dom/test-utils';
-
 import { IntlProvider } from 'react-intl';
 import { Provider } from 'react-redux';
 import { BrowserRouter } from 'react-router-dom';
 import App from './app';
 import { store } from '../redux/store';
 import {
     createTheme,
-    ThemeProvider,
     StyledEngineProvider,
+    ThemeProvider,
 } from '@mui/material/styles';
 import { SnackbarProvider } from '@gridsuite/commons-ui';
-import CssBaseline from '@mui/material/CssBaseline';
+import { CssBaseline } from '@mui/material';
+
+let container: Element | any = null;
 
-let container = null;
 beforeEach(() => {
     // setup a DOM element as a render target
     container = document.createElement('div');