Added Tests, Fixed Small Issue, Removed More Caching, and General Code Fixes

__tests__/board-title-form.test.tsx

@@ -1,21 +1,9 @@
-import '@testing-library/jest-dom';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { toast } from 'sonner';
 
 import { BoardTitleForm } from '@/app/(platform)/(dashboard)/board/[boardId]/_components/board-title-form';
 import { Board } from '@prisma/client';
 
-jest.mock('sonner', () => ({
-  toast: {
-    success: jest.fn(),
-    error: jest.fn(),
-  },
-}));
-
-jest.mock('@/actions/update-board', () => ({
-  updateBoard: jest.fn(),
-}));
-
 jest.mock('@/hooks/use-action', () => ({
   useAction: jest.fn().mockImplementation(() => ({
     execute: jest.fn().mockImplementation(({ title }) => {

__tests__/index.test.tsx

@@ -1,4 +1,3 @@
-import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 
 import Page from '@/app/(main)/page';

__tests__/list-header.test.tsx

@@ -0,0 +1,80 @@
+import '@testing-library/jest-dom';
+import {
+  render,
+  screen,
+  fireEvent,
+  act,
+  waitFor,
+} from '@testing-library/react';
+import { toast } from 'sonner';
+
+import { ListHeader } from '@/app/(platform)/(dashboard)/board/[boardId]/_components/list-header';
+
+jest.mock('@/hooks/use-action', () => ({
+  useAction: jest.fn().mockImplementation(() => ({
+    execute: jest.fn().mockImplementation(({ title }) => {
+      Promise.resolve().then(() => {
+        toast.success(`Renamed to "${title}"`);
+      });
+    }),
+  })),
+}));
+
+const mockList = {
+  id: '1',
+  title: 'Test List',
+  boardId: 'board1',
+  order: 1,
+  createdAt: new Date(),
+  updatedAt: new Date(),
+};
+
+const mockOnAddCard = jest.fn();
+
+describe('ListHeader', () => {
+  it('should render correctly in browser environment', () => {
+    render(<ListHeader data={mockList} onAddCard={mockOnAddCard} />);
+
+    expect(screen.getByText('Test List')).toBeInTheDocument();
+  });
+
+  it('should switch to edit mode when clicked', async () => {
+    render(<ListHeader data={mockList} onAddCard={mockOnAddCard} />);
+
+    const listButton = screen.getByText('Test List');
+    fireEvent.click(listButton);
+
+    const editableInput = await screen.findByDisplayValue('Test List');
+    expect(editableInput).toBeInTheDocument();
+  });
+
+  it('should update list title when form is blurred', async () => {
+    render(<ListHeader data={mockList} onAddCard={mockOnAddCard} />);
+
+    const listButton = screen.getByText('Test List');
+    fireEvent.click(listButton);
+
+    const editableInput = await screen.findByDisplayValue('Test List');
+    fireEvent.change(editableInput, { target: { value: 'Updated Title' } });
+    fireEvent.blur(editableInput);
+
+    await waitFor(() => {
+      expect(toast.success).toHaveBeenCalledWith('Renamed to "Updated Title"');
+    });
+  });
+
+  it('should update list title when escape key is pressed', async () => {
+    render(<ListHeader data={mockList} onAddCard={mockOnAddCard} />);
+
+    const listButton = screen.getByText('Test List');
+    fireEvent.click(listButton);
+
+    const editableInput = await screen.findByDisplayValue('Test List');
+    fireEvent.change(editableInput, { target: { value: 'Updated Title' } });
+    fireEvent.keyDown(editableInput, { key: 'Escape', code: 'Escape' });
+
+    await waitFor(() => {
+      expect(toast.success).toHaveBeenCalledWith('Renamed to "Updated Title"');
+    });
+  });
+});