690615:1449 237 #01

frontend/components/search/__tests__/results.test.tsx

@@ -0,0 +1,74 @@
+// File: components/search/__tests__/results.test.tsx
+// Change Log:
+// - 2026-06-14: สร้างใหม่สำหรับ Phase 3 Coverage
+
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import { SearchResults } from '../results';
+
+describe('SearchResults', () => {
+  const mockResults = [
+    {
+      type: 'correspondence',
+      publicId: '019505a1-7c3e-7000-8000-abc123def456',
+      documentNumber: 'CORR-001',
+      title: 'Test Correspondence',
+      description: 'Test description',
+      status: 'DRAFT',
+      createdAt: '2026-06-14T10:00:00Z',
+      highlight: null,
+    },
+  ];
+
+  it('ควร render loading state เมื่อ loading=true', () => {
+    render(<SearchResults results={[]} query="" loading={true} />);
+
+    const spinners = screen.getAllByRole('generic', { name: '' }).filter(el => el.querySelector('.animate-spin'));
+    if (spinners.length > 0) {
+      expect(spinners[0]).toBeInTheDocument();
+    }
+  });
+
+  it('ควร render empty state เมื่อไม่มี results และมี query', () => {
+    render(<SearchResults results={[]} query="test" loading={false} />);
+
+    expect(screen.getByText('No results found for "test"')).toBeInTheDocument();
+  });
+
+  it('ควร render empty state เมื่อไม่มี results และไม่มี query', () => {
+    render(<SearchResults results={[]} query="" loading={false} />);
+
+    expect(screen.getByText('Enter a search term to start')).toBeInTheDocument();
+  });
+
+  it('ควร render results list เมื่อมี results', () => {
+    render(<SearchResults results={mockResults} query="" loading={false} />);
+
+    expect(screen.getByText('Test Correspondence')).toBeInTheDocument();
+    expect(screen.getByText('CORR-001')).toBeInTheDocument();
+  });
+
+  it('ควรแสดง document type badge', () => {
+    render(<SearchResults results={mockResults} query="" loading={false} />);
+
+    expect(screen.getByText('Correspondence')).toBeInTheDocument();
+  });
+
+  it('ควรแสดง status badge', () => {
+    render(<SearchResults results={mockResults} query="" loading={false} />);
+
+    expect(screen.getByText('Draft')).toBeInTheDocument();
+  });
+
+  it('ควรแสดง description เมื่อมี', () => {
+    render(<SearchResults results={mockResults} query="" loading={false} />);
+
+    expect(screen.getByText('Test description')).toBeInTheDocument();
+  });
+
+  it('ควรแสดง formatted date', () => {
+    render(<SearchResults results={mockResults} query="" loading={false} />);
+
+    expect(screen.getByText(/14 Jun 2026/)).toBeInTheDocument();
+  });
+});