test(frontend): fix tests #21

web/app/src/layouts/auth/index.tsx

@@ -1,7 +1,7 @@
 import {PropsWithChildren} from "react";
 import {Avatar, Box, Flex, Heading, Stack} from "@chakra-ui/react";
-import ColorToggle from "../../components/ColorToggle";
 import Alert, {AlertData} from "../../components/Alert";
+import Footer from "../footer";
 
 type AuthLayoutProps = PropsWithChildren & {
  title?: string;
@@ -41,9 +41,7 @@ export default function AuthLayout(props: AuthLayoutProps) {
  {props.children}
  </Box>
  </Stack>
- <Box>
- <ColorToggle/>
- </Box>
+ <Footer/>
  </Flex>
  )
 }

web/app/src/layouts/footer/index.tsx

@@ -0,0 +1,15 @@
+import ColorToggle from "../../components/ColorToggle";
+import {Text, HStack, Spacer, Link} from "@chakra-ui/react";
+
+export default function Footer() {
+ return (
+ <HStack my={4} >
+ <Spacer/>
+ <Text fontSize="sm" color="gray.500">
+ © {new Date().getFullYear()} - PinMan | <Link href={"https://github.com/alexstojda/pinman"}>GitHub</Link>
+ </Text>
+ <ColorToggle/>
+ <Spacer/>
+ </HStack>
+ );
+}

web/app/src/pages/AuthTest/index.tsx

@@ -1,6 +1,7 @@
 import {Button} from "@chakra-ui/react";
 import {Api, useAuth} from "../../api";
 import {useNavigate} from "react-router-dom";
+import Footer from "../../layouts/footer";
 
 export default function AuthTest() {
  const {user} = useAuth({requireAuth: true});
@@ -18,6 +19,7 @@ export default function AuthTest() {
  }}>
  Logout
  </Button>
+ <Footer/>
  </>
  )
 }

web/app/src/pages/Leagues/index.test.tsx

@@ -1,7 +1,7 @@
 import {render} from "@testing-library/react";
 import React from "react";
 import LeaguesPage from "./index";
-import {Api, LeaguesApi} from "../../api";
+import {Api, LeaguesApi, useAuth} from "../../api";
 import {fake} from "../../test";
 import {MemoryRouter} from "react-router-dom";
 
@@ -87,6 +87,10 @@ describe('LeaguesPage', () => {
  expect(error).toBeInTheDocument()
  })
  it('navigates to create league page when button is pressed', async () => {
+ jest.mocked(useAuth).mockReturnValue({
+ user: fake.user()
+ })
+
  jest.mocked(LeaguesApi).prototype.leaguesGet.mockResolvedValue({
  config: {},
  data: {

web/app/src/pages/Leagues/index.tsx

@@ -22,6 +22,7 @@ import {useNavigate} from "react-router-dom";
 import {AxiosError} from "axios";
 import Alert, {AlertData} from "../../components/Alert";
 import LeagueForm from "./Form";
+import Footer from "../../layouts/footer";
 
 const api: Api = new Api();
 
@@ -120,6 +121,7 @@ export default function LeaguesPage(props: LeagueListPageProps) {
  }
  </HStack>
  {renderList()}
+ <Footer/>
  </Container>
  </>
  )