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

2026-06-13 22:33:11 +07:00
parent 190b9a3af5
commit 9c5df0abdb
37 changed files with 6128 additions and 24 deletions
@@ -0,0 +1,119 @@
+// File: frontend/components/correspondences/circulation-status-card.test.tsx
+// Change Log:
+// - 2026-06-13: Initial creation - test coverage for circulation-status-card component
+
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { CirculationStatusCard } from './circulation-status-card';
+import { useCirculationsByCorrespondence } from '@/hooks/use-circulation';
+
+// Mock hook สำหรับ useCirculationsByCorrespondence
+vi.mock('@/hooks/use-circulation', () => ({
+  useCirculationsByCorrespondence: vi.fn(),
+}));
+
+describe('CirculationStatusCard Component', () => {
+  const correspondencePublicId = '019505a1-7c3e-7000-8000-abc123def456';
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('ควรแสดง loading state เมื่อกำลังโหลดข้อมูล', () => {
+    vi.mocked(useCirculationsByCorrespondence).mockReturnValue({
+      data: undefined,
+      isLoading: true,
+    } as any);
+
+    render(<CirculationStatusCard correspondencePublicId={correspondencePublicId} />);
+
+    expect(screen.getByText('Loading...')).toBeInTheDocument();
+  });
+
+  it('ควรแสดง empty state เมื่อไม่มีข้อมูล circulation', () => {
+    vi.mocked(useCirculationsByCorrespondence).mockReturnValue({
+      data: [],
+      isLoading: false,
+    } as any);
+
+    render(<CirculationStatusCard correspondencePublicId={correspondencePublicId} />);
+
+    expect(screen.getByText('No circulations yet')).toBeInTheDocument();
+    expect(screen.getByText('New Circulation')).toBeInTheDocument();
+  });
+
+  it('ควรแสดงรายการ circulation อย่างถูกต้องเมื่อโหลดสำเร็จ', () => {
+    const mockData = [
+      {
+        publicId: '019505a1-7c3e-7000-8000-abc123defaaa',
+        circulationNo: 'CIRC-2026-001',
+        subject: 'Circulation Subject A',
+        statusCode: 'OPEN',
+        routings: [
+          {
+            id: 1,
+            status: 'COMPLETED',
+            completedAt: '2026-06-13T00:00:00.000Z',
+            assignee: {
+              userId: 101,
+              username: 'john_doe',
+              firstName: 'John',
+              lastName: 'Doe',
+            },
+          },
+          {
+            id: 2,
+            status: 'PENDING',
+            assignee: {
+              userId: 102,
+              username: 'jane_smith',
+              firstName: 'Jane',
+              lastName: 'Smith',
+            },
+          },
+        ],
+      },
+    ];
+
+    vi.mocked(useCirculationsByCorrespondence).mockReturnValue({
+      data: mockData,
+      isLoading: false,
+    } as any);
+
+    render(<CirculationStatusCard correspondencePublicId={correspondencePublicId} />);
+
+    expect(screen.getByText('CIRC-2026-001')).toBeInTheDocument();
+    expect(screen.getByText('Circulation Subject A')).toBeInTheDocument();
+    expect(screen.getByText('OPEN')).toBeInTheDocument();
+    expect(screen.getByText('John Doe')).toBeInTheDocument();
+    expect(screen.getByText('Jane Smith')).toBeInTheDocument();
+    expect(screen.getByText('13 Jun')).toBeInTheDocument();
+  });
+
+  it('ควรแสดงข้อความ +X more assignees เมื่อมีผู้รับมากกว่า 3 คน', () => {
+    const mockData = [
+      {
+        publicId: '019505a1-7c3e-7000-8000-abc123defbbb',
+        circulationNo: 'CIRC-2026-002',
+        subject: 'Circulation Subject B',
+        statusCode: 'COMPLETED',
+        routings: [
+          { id: 1, status: 'COMPLETED', assignee: { username: 'u1' } },
+          { id: 2, status: 'COMPLETED', assignee: { username: 'u2' } },
+          { id: 3, status: 'COMPLETED', assignee: { username: 'u3' } },
+          { id: 4, status: 'COMPLETED', assignee: { username: 'u4' } },
+          { id: 5, status: 'PENDING', assignee: { username: 'u5' } },
+        ],
+      },
+    ];
+
+    vi.mocked(useCirculationsByCorrespondence).mockReturnValue({
+      data: mockData,
+      isLoading: false,
+    } as any);
+
+    render(<CirculationStatusCard correspondencePublicId={correspondencePublicId} />);
+
+    expect(screen.getByText('+2 more assignees')).toBeInTheDocument();
+  });
+});