tests: Fix footer tests

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 (
-    <Box className={classes.footerHolder}>
-      <Typography>SPT-Aki ©2021 Created by Rev and Shirito</Typography>
-    </Box>
-  )
+    return (
+        <Box className={classes.footerHolder}>
+            <Typography id={"footer"}>SPT-Aki ©2021 Created by Rev and Shirito</Typography>
+        </Box>
+    )
 }

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');
     })
 })