diff --git a/items/frontend/src/components/Footer.tsx b/items/frontend/src/components/Footer.tsx index 82a1f97..e2f7541 100644 --- a/items/frontend/src/components/Footer.tsx +++ b/items/frontend/src/components/Footer.tsx @@ -1,23 +1,23 @@ -import { Box, Theme, Typography } from '@mui/material' -import { makeStyles } from '@mui/styles' +import {Box, Typography} from '@mui/material' +import {makeStyles} from '@mui/styles' -const useStyles = makeStyles((theme: Theme) => ({ - footerHolder: { - display: 'flex', - flex: '0 1 3vh', - flexDirection: 'row', - alignItems: 'center', - justifyContent: 'center', - padding: '0 10vw 0 10vw' - } +const useStyles = makeStyles(() => ({ + footerHolder: { + display: 'flex', + flex: '0 1 3vh', + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + padding: '0 10vw 0 10vw' + } })) export const Footer = () => { - const classes = useStyles() + const classes = useStyles() - return ( - - SPT-Aki ©2021 Created by Rev and Shirito - - ) + return ( + + SPT-Aki ©2021 Created by Rev and Shirito + + ) } diff --git a/items/frontend/src/cypress/integration/footer.spec.tsx b/items/frontend/src/cypress/integration/footer.spec.tsx index ec80972..74ebb72 100644 --- a/items/frontend/src/cypress/integration/footer.spec.tsx +++ b/items/frontend/src/cypress/integration/footer.spec.tsx @@ -4,7 +4,7 @@ describe('Footer', () => { it('footer should be visible', () => { cy.visit('/'); - cy.get('.makeStyles-footerHolder-63 > .MuiTypography-root').should('be.visible') - cy.get('.makeStyles-footerHolder-63 > .MuiTypography-root').should('have.text', 'SPT-Aki ©2021 Created by Rev and Shirito'); + cy.get('#footer').should('be.visible') + cy.get('#footer').should('have.text', 'SPT-Aki ©2021 Created by Rev and Shirito'); }) })