add connpass link to footer, unit test update (#37)

WomenInSoftwareEngineeringJP · Jun 13, 2024 · 6eca2e3 · 6eca2e3
1 parent 2b6cf7e
commit 6eca2e3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -5,12 +5,14 @@ import InstagramIcon from '@mui/icons-material/Instagram';
 import LinkedInIcon from '@mui/icons-material/LinkedIn';
 import FacebookIcon from '@mui/icons-material/Facebook';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import EventIcon from '@mui/icons-material/Event';
 import FooterIcon from './FooterIcon';
 
 
 const Footer: FC = () => {
     return <Paper sx={{ position: 'static', bottom: 0, left: 0, right: 0 }} elevation={0} aria-label="footer">
         <BottomNavigation sx={{ backgroundColor: '#512da8' }}>
+            <FooterIcon label="Events" icon={<EventIcon />} href="https://womeninsoftware-japan.connpass.com/" />
             <FooterIcon label="Instagram" icon={<InstagramIcon />} href="https://www.instagram.com/womeninsoftwarejp/" />
             <FooterIcon label="LinkedIn" icon={<LinkedInIcon />} href="https://www.linkedin.com/company/womeninsoftwarejp/" />
             <FooterIcon label="Facebook" icon={<FacebookIcon />} href="https://www.facebook.com/womeninsoftwarejp/" />

diff --git a/src/components/Footer/__test__/Footer.test.tsx b/src/components/Footer/__test__/Footer.test.tsx
@@ -6,6 +6,9 @@ import Footer from '../Footer'
 describe('Footer', () => {
     it('should display the Footer with relevant links', async () => {
         render(<Footer />)
+        const events = await screen.findByLabelText('Events')
+        expect(events).toBeVisible()
+        expect(events).toHaveAttribute('href', 'https://womeninsoftware-japan.connpass.com/')
         const instagram = await screen.findByLabelText('Instagram')
         expect(instagram).toBeVisible()
         expect(instagram).toHaveAttribute('href', 'https://www.instagram.com/womeninsoftwarejp/')