test(frontend): raise overall statement coverage to 30.42% for Phase 1 MVP

frontend/components/rfas/__tests__/list.test.tsx

@@ -0,0 +1,225 @@
+// File: frontend/components/rfas/__tests__/list.test.tsx
+// Change Log:
+// - 2026-06-13: Initial creation - test coverage for RFAList component
+
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { RFAList } from '../list';
+import { RFA } from '@/types/rfa';
+
+// Mock dependencies
+vi.mock('sonner', () => ({
+  toast: {
+    error: vi.fn(),
+  },
+}));
+
+describe('RFAList', () => {
+  const mockRFAs: RFA[] = [
+    {
+      publicId: '019505a1-7c3e-7000-8000-abc123def456',
+      correspondence: {
+        publicId: '019505a1-7c3e-7000-8000-abc123def457',
+        correspondenceNumber: 'RFA-001',
+        project: {
+          publicId: '019505a1-7c3e-7000-8000-abc123def458',
+          projectName: 'Test Project',
+        },
+        createdAt: '2026-01-01T00:00:00Z',
+      },
+      discipline: {
+        publicId: '019505a1-7c3e-7000-8000-abc123def459',
+        name: 'Structural',
+      },
+      revisions: [
+        {
+          publicId: '019505a1-7c3e-7000-8000-abc123def460',
+          subject: 'Test Subject 1',
+          statusCode: {
+            publicId: '019505a1-7c3e-7000-8000-abc123def461',
+            statusName: 'Pending',
+            statusCode: 'PENDING',
+          },
+          createdAt: '2026-01-01T00:00:00Z',
+          items: [
+            {
+              shopDrawingRevision: {
+                attachments: [
+                  {
+                    url: 'http://example.com/file.pdf',
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      ],
+    },
+    {
+      publicId: '019505a1-7c3e-7000-8000-abc123def462',
+      correspondence: {
+        publicId: '019505a1-7c3e-7000-8000-abc123def463',
+        correspondenceNumber: 'RFA-002',
+        project: {
+          publicId: '019505a1-7c3e-7000-8000-abc123def464',
+          projectName: 'Another Project',
+        },
+        createdAt: '2026-01-02T00:00:00Z',
+      },
+      discipline: {
+        publicId: '019505a1-7c3e-7000-8000-abc123def465',
+        name: 'Architectural',
+      },
+      revisions: [
+        {
+          publicId: '019505a1-7c3e-7000-8000-abc123def466',
+          subject: 'Test Subject 2',
+          statusCode: {
+            publicId: '019505a1-7c3e-7000-8000-abc123def467',
+            statusName: 'Approved',
+            statusCode: 'APPROVED',
+          },
+          createdAt: '2026-01-02T00:00:00Z',
+          items: [],
+        },
+      ],
+    },
+  ];
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should render RFA list with data', () => {
+    render(<RFAList data={mockRFAs} />);
+
+    expect(screen.getByText('RFA-001')).toBeInTheDocument();
+    expect(screen.getByText('RFA-002')).toBeInTheDocument();
+    expect(screen.getByText('Test Subject 1')).toBeInTheDocument();
+    expect(screen.getByText('Test Subject 2')).toBeInTheDocument();
+    expect(screen.getByText('Test Project')).toBeInTheDocument();
+    expect(screen.getByText('Another Project')).toBeInTheDocument();
+    expect(screen.getByText('Structural')).toBeInTheDocument();
+    expect(screen.getByText('Architectural')).toBeInTheDocument();
+  });
+
+  it('should render empty state when data is null', () => {
+    const { container } = render(<RFAList data={null} />);
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it('should render empty state when data is empty array', () => {
+    render(<RFAList data={[]} />);
+
+    // DataTable should render with empty data
+    expect(screen.queryByText('RFA-001')).not.toBeInTheDocument();
+  });
+
+  it('should display formatted dates', () => {
+    render(<RFAList data={mockRFAs} />);
+
+    expect(screen.getByText('01 Jan 2026')).toBeInTheDocument();
+    expect(screen.getByText('02 Jan 2026')).toBeInTheDocument();
+  });
+
+  it('should display status badges', () => {
+    render(<RFAList data={mockRFAs} />);
+
+    expect(screen.getByText('Pending')).toBeInTheDocument();
+    expect(screen.getByText('Approved')).toBeInTheDocument();
+  });
+
+  it('should render action buttons for each row', () => {
+    render(<RFAList data={mockRFAs} />);
+
+    // Should have view, file, and edit buttons for each row
+    const viewButtons = screen.getAllByTitle('View Details');
+    const fileButtons = screen.getAllByTitle('View File');
+    const editButtons = screen.getAllByTitle('Edit');
+
+    expect(viewButtons).toHaveLength(2);
+    expect(fileButtons).toHaveLength(2);
+    expect(editButtons).toHaveLength(2);
+  });
+
+  it('should handle missing project name', () => {
+    const rfaWithoutProject: RFA[] = [
+      {
+        ...mockRFAs[0],
+        correspondence: {
+          ...mockRFAs[0].correspondence,
+          project: undefined,
+        },
+      },
+    ];
+
+    render(<RFAList data={rfaWithoutProject} />);
+
+    expect(screen.getByText('-')).toBeInTheDocument();
+  });
+
+  it('should handle missing discipline name', () => {
+    const rfaWithoutDiscipline: RFA[] = [
+      {
+        ...mockRFAs[0],
+        discipline: undefined,
+      },
+    ];
+
+    render(<RFAList data={rfaWithoutDiscipline} />);
+
+    expect(screen.getByText('-')).toBeInTheDocument();
+  });
+
+  it('should handle missing correspondence number', () => {
+    const rfaWithoutNumber: RFA[] = [
+      {
+        ...mockRFAs[0],
+        correspondence: {
+          ...mockRFAs[0].correspondence,
+          correspondenceNumber: undefined,
+        },
+      },
+    ];
+
+    render(<RFAList data={rfaWithoutNumber} />);
+
+    expect(screen.getByText('-')).toBeInTheDocument();
+  });
+
+  it('should handle missing subject', () => {
+    const rfaWithoutSubject: RFA[] = [
+      {
+        ...mockRFAs[0],
+        revisions: [
+          {
+            ...mockRFAs[0].revisions[0],
+            subject: undefined,
+          },
+        ],
+      },
+    ];
+
+    render(<RFAList data={rfaWithoutSubject} />);
+
+    expect(screen.getByText('-')).toBeInTheDocument();
+  });
+
+  it('should handle missing status', () => {
+    const rfaWithoutStatus: RFA[] = [
+      {
+        ...mockRFAs[0],
+        revisions: [
+          {
+            ...mockRFAs[0].revisions[0],
+            statusCode: undefined,
+          },
+        ],
+      },
+    ];
+
+    render(<RFAList data={rfaWithoutStatus} />);
+
+    expect(screen.getByText('Unknown')).toBeInTheDocument();
+  });
+});