diff --git a/src/api/UserProvider.spec.tsx b/src/api/UserProvider.spec.tsx index 2f0abdeb3a77ad611f6bebef8ecf8bdf188af9b5..ec8cd1fe5a8bf41beacbbca2f6c4ce28d0bda044 100644 --- a/src/api/UserProvider.spec.tsx +++ b/src/api/UserProvider.spec.tsx @@ -1,13 +1,24 @@ -import { useContext } from "react"; +import { useContext, useEffect } from "react"; import { userContext } from "@ess-ics/ce-ui-common"; import { SnackbarProvider } from "notistack"; import { UserProvider } from "./UserProvider"; +import { ReduxProvider } from "../store/ReduxProvider"; +import { UserContext } from "../types/common"; function DisplayUserContextValue() { const contextValue = useContext(userContext); return <pre id="display">{JSON.stringify(contextValue, null, 2)}</pre>; } +const LoginTrigger = () => { + const { login } = useContext<UserContext>(userContext); + useEffect(() => { + login("", ""); + }, [login]); + + return <></>; +}; + describe("UserProvider", () => { context("when logged in", () => { beforeEach(() => { @@ -16,14 +27,17 @@ describe("UserProvider", () => { it("provides the user", () => { cy.mount( - <SnackbarProvider - preventDuplicate - maxSnack={5} - > - <UserProvider> - <DisplayUserContextValue /> - </UserProvider> - </SnackbarProvider> + <ReduxProvider> + <SnackbarProvider + preventDuplicate + maxSnack={5} + > + <UserProvider> + <LoginTrigger /> + <DisplayUserContextValue /> + </UserProvider> + </SnackbarProvider> + </ReduxProvider> ); cy.wait("@getUserRoles");