diff --git a/src/components/Header.test.tsx b/src/components/Header.test.tsx
new file mode 100644
index 000000000..aec69a950
--- /dev/null
+++ b/src/components/Header.test.tsx
@@ -0,0 +1,26 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { Header } from './Header';
+
+const mockNavigate = jest.fn();
+jest.mock('react-router-dom', () => ({
+ ...jest.requireActual('react-router-dom'),
+ useNavigate: () => mockNavigate,
+}));
+
+describe('components/Header.tsx', () => {
+ it('should render itself & its children', () => {
+ const tree = render(