Add modification to Loading.test.tsx

isdi-coders-2023 · Nov 3, 2023 · 6f8de72 · 6f8de72
1 parent 76b1364
commit 6f8de72
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/Loading/Loading.test.tsx b/src/components/Loading/Loading.test.tsx
@@ -3,6 +3,7 @@ import Loading from "./Loading";
 import { ThemeProvider } from "styled-components";
 import mainTheme from "../../styles/mainTheme";
 import { BrowserRouter } from "react-router-dom";
+import UiContextWrapped from "../../features/Ui/store/UiContextWrapper";
 
 describe("Given a Loading component", () => {
   describe("When is render", () => {
@@ -12,9 +13,11 @@ describe("Given a Loading component", () => {
 
       render(
         <BrowserRouter>
-          <ThemeProvider theme={mainTheme}>
-            <Loading />
-          </ThemeProvider>{" "}
+          <UiContextWrapped>
+            <ThemeProvider theme={mainTheme}>
+              <Loading />
+            </ThemeProvider>{" "}
+          </UiContextWrapped>
         </BrowserRouter>,
       );
 

diff --git a/src/features/Ui/store/UiContextWrapped.tsx → src/features/Ui/store/UiContextWrapper.tsx b/src/features/Ui/store/UiContextWrapped.tsx → src/features/Ui/store/UiContextWrapper.tsx
@@ -4,7 +4,7 @@ import { PropsWithChildren, useState } from "react";
 const UiContextWrapped = ({
   children,
 }: PropsWithChildren): React.ReactElement => {
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
 
   return (
     <UiContext.Provider value={{ isLoading, setIsLoading }}>

diff --git a/src/main.tsx b/src/main.tsx
@@ -7,7 +7,7 @@ import mainTheme from "./styles/mainTheme";
 import CharacarterWrapper from "./features/characters/store/CharactersWrapper";
 import GlobalStyle from "./styles/GlobalStyle";
 import "@fontsource-variable/changa";
-import UiContextWrapped from "./features/Ui/store/UiContextWrapped";
+import UiContextWrapped from "./features/Ui/store/UiContextWrapper";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>