diff --git a/src/components/atoms/Extracurricular/Extracurricular.test.tsx b/src/components/atoms/Extracurricular/Extracurricular.test.tsx
new file mode 100644
index 0000000..bea0910
--- /dev/null
+++ b/src/components/atoms/Extracurricular/Extracurricular.test.tsx
@@ -0,0 +1,21 @@
+import { render, screen } from '@testing-library/react'
+
+import Extracurricular from '.'
+
+describe('Extracurricular component', () => {
+  const defaultProps = {
+    title: 'Test Title',
+    year: '2022',
+  }
+
+  test('renders without crashing and displays the correct title', () => {
+    render(<Extracurricular {...defaultProps} year={undefined} />)
+    expect(screen.getByText(defaultProps.title)).toBeInTheDocument()
+    expect(screen.queryByText(defaultProps.year)).not.toBeInTheDocument()
+  })
+
+  test('displays the correct year when provided', () => {
+    render(<Extracurricular {...defaultProps} />)
+    expect(screen.getByText(defaultProps.year)).toBeInTheDocument()
+  })
+})