Add Task list on Tasks page

front/src/tests/layout/navbar/NavItem.test.tsx

@@ -0,0 +1,19 @@
+import { render, fireEvent } from '@testing-library/react';
+
+import { NavItemDefault } from '../../../stories/layout/navbar/NavItem.stories'; //👈 Our stories imported here.
+
+const mockedNavigate = jest.fn();
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useNavigate: () => mockedNavigate,
+}));
+
+it('Checks the NavItem renders', () => {
+  const { getByRole } = render(<NavItemDefault />);
+
+  const button = getByRole('button');
+  expect(button).toHaveTextContent('Test');
+
+  fireEvent.click(button);
+  expect(mockedNavigate).toHaveBeenCalledWith('/test');
+});