Feature/mat 7667

jest.config.js

@@ -10,7 +10,7 @@ module.exports = {
     "single-spa-react/parcel": "single-spa-react/lib/cjs/parcel.cjs",
     "\\.(css|scss)$": "identity-obj-proxy",
   },
-  setupFilesAfterEnv: ["@testing-library/jest-dom"],
+  setupFilesAfterEnv: ["@testing-library/jest-dom", "<rootDir>/jest.setup.js"],
   globals: {
     "ts-jest": {
       tsconfig: {

jest.setup.js

@@ -0,0 +1 @@
+global.Request = jest.fn();

src/components/Home.tsx

@@ -1,5 +1,4 @@
 import React, { Suspense, useEffect, useState } from "react";
-import { BrowserRouter } from "react-router-dom";
 import RoutesWrapper from "./routes/RoutesWrapper";
 import { ServiceConfig, ApiContextProvider } from "../api/ServiceContext";
 import axios from "../api/axios-instance";
@@ -32,13 +31,11 @@ export default function Home() {
   const loadingState = <div>Loading...</div>;
 
   const loadedState = (
-    <BrowserRouter>
-      <ApiContextProvider value={serviceConfig}>
-        <Suspense fallback={<div>loading</div>}>
-          <RoutesWrapper />
-        </Suspense>
-      </ApiContextProvider>
-    </BrowserRouter>
+    <ApiContextProvider value={serviceConfig}>
+      <Suspense fallback={<div>loading</div>}>
+        <RoutesWrapper />
+      </Suspense>
+    </ApiContextProvider>
   );
 
   let result = serviceConfig === null ? loadingState : loadedState;