test: improve coverage for Tasks component (#395)

* test: improve coverage for Tasks component

* Refactor Tasks.test.tsx by cleaning up comments and empty rows

Removed unnecessary comments and adjusted mock for TaskSkeleton component in tests.

* ran npx prettier --check

* test: add additional rendering coverage for Tasks

* test: add additional basic coverage for Tasks component

---------

Co-authored-by: Your Name <you@example.com>

Author: bhavikcodes

frontend/src/components/HomeComponents/Tasks/__tests__/Tasks.test.tsx

@@ -173,6 +173,13 @@ jest.mock('../Pagination', () => {
   ));
 });
 
+jest.mock('../TaskSkeleton', () => {
+  return {
+    __esModule: true,
+    Taskskeleton: () => <div data-testid="task-skeleton" />,
+  };
+});
+
 global.fetch = jest.fn().mockResolvedValue({ ok: true });
 
 describe('Tasks Component', () => {
@@ -217,6 +224,33 @@ describe('Tasks Component', () => {
       expect(dropdown).toBeInTheDocument();
       expect(dropdown).toHaveValue('10');
     });
+
+    test('does not render tasks when loading is true', () => {
+      render(<Tasks {...mockProps} isLoading={true} />);
+      expect(screen.queryByRole('row')).not.toBeInTheDocument();
+    });
+
+    test('renders tasks container when loading is false', () => {
+      render(<Tasks {...mockProps} isLoading={false} />);
+      expect(screen.getByTestId('tasks')).toBeInTheDocument();
+    });
+
+    test('renders BottomBar component', () => {
+      render(<Tasks {...mockProps} />);
+      expect(screen.getByText('Mocked BottomBar')).toBeInTheDocument();
+    });
+
+    test('renders tasks section with correct id', () => {
+      render(<Tasks {...mockProps} />);
+      const section = document.querySelector('section#tasks');
+      expect(section).toBeInTheDocument();
+    });
+
+    test('renders Tasks component without crashing', () => {
+      expect(() => {
+        render(<Tasks {...mockProps} />);
+      }).not.toThrow();
+    });
   });
 
   describe('LocalStorage', () => {