From 6eca2e366071e133451aea942026d51619264c78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ann=20Kilzer=20=E3=82=AD=E3=83=AB=E3=82=B6=E3=83=BC?=
 =?UTF-8?q?=E6=9D=8F?= <akilzer@gmail.com>
Date: Fri, 14 Jun 2024 02:10:31 +0900
Subject: [PATCH] add connpass link to footer, unit test update (#37)

---
 src/components/Footer/Footer.tsx               | 2 ++
 src/components/Footer/__test__/Footer.test.tsx | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index baec7d0..f238086 100644
--- 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
index b2213a5..7a40534 100644
--- 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/')