690617:1443 237 #01.3

2026-06-17 14:43:30 +07:00
parent 82b41ad5d9
commit db16c95019
42 changed files with 3084 additions and 352 deletions
@@ -0,0 +1,96 @@
+// File: frontend/components/admin/ai/__tests__/PromptVersionHistory.test.tsx
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import PromptVersionHistory from '../PromptVersionHistory';
+import { AiPrompt } from '@/types/ai-prompts';
+
+describe('PromptVersionHistory', () => {
+  const mockVersions: AiPrompt[] = [
+    {
+      publicId: 'v1-id',
+      versionNumber: 1,
+      promptType: 'ocr_extraction',
+      template: 'Template 1',
+      isActive: false,
+      createdAt: '2026-06-14T10:00:00Z',
+      updatedAt: '2026-06-14T10:00:00Z',
+      manualNote: 'Note 1',
+    },
+    {
+      publicId: 'v2-id',
+      versionNumber: 2,
+      promptType: 'ocr_extraction',
+      template: 'Template 2',
+      isActive: true,
+      createdAt: '2026-06-15T10:00:00Z',
+      updatedAt: '2026-06-15T10:00:00Z',
+      lastTestedAt: '2026-06-15T10:05:00Z',
+    },
+  ];
+
+  const defaultProps = {
+    versions: mockVersions,
+    isLoading: false,
+    onLoadTemplate: vi.fn(),
+    onActivateVersion: vi.fn(),
+    onDeleteVersion: vi.fn(),
+    isActivating: false,
+    isDeleting: false,
+  };
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders loading state', () => {
+    render(<PromptVersionHistory {...defaultProps} isLoading={true} />);
+    expect(screen.getByText(/กำลังโหลดประวัติเวอร์ชัน/)).toBeInTheDocument();
+  });
+
+  it('renders empty state', () => {
+    render(<PromptVersionHistory {...defaultProps} versions={[]} />);
+    expect(screen.getByText(/ไม่พบเวอร์ชันอื่นในระบบ/)).toBeInTheDocument();
+  });
+
+  it('renders versions correctly', () => {
+    render(<PromptVersionHistory {...defaultProps} />);
+    
+    // Check version numbers
+    expect(screen.getByText('v1')).toBeInTheDocument();
+    expect(screen.getByText('v2')).toBeInTheDocument();
+    
+    // Check active/inactive badges
+    expect(screen.getByText(/ใช้งานจริง \(Active\)/)).toBeInTheDocument();
+    expect(screen.getByText(/ร่าง \(Inactive\)/)).toBeInTheDocument();
+    
+    // Check manual note
+    expect(screen.getByText('Note 1')).toBeInTheDocument();
+  });
+
+  it('calls action handlers when buttons are clicked', async () => {
+    const user = userEvent.setup();
+    render(<PromptVersionHistory {...defaultProps} />);
+    
+    // There are 2 load buttons
+    const loadButtons = screen.getAllByRole('button', { name: /โหลด \(Load\)/ });
+    expect(loadButtons).toHaveLength(2);
+    
+    await user.click(loadButtons[0]);
+    expect(defaultProps.onLoadTemplate).toHaveBeenCalledWith(mockVersions[0]);
+
+    // Active version should not have Activate/Delete buttons
+    const activateButtons = screen.getAllByRole('button', { name: /ใช้งาน \(Activate\)/ });
+    expect(activateButtons).toHaveLength(1); // Only for v1
+    
+    await user.click(activateButtons[0]);
+    expect(defaultProps.onActivateVersion).toHaveBeenCalledWith(1);
+    
+    // Delete button (it uses an icon, but we can target by role 'button' and filter or use the trash icon if it had aria-label)
+    // Actually, delete button is the 3rd button in the v1 row (Load, Activate, Delete)
+    const deleteButton = screen.getAllByRole('button')[2]; // Load v1, Activate v1, Delete v1
+    await user.click(deleteButton);
+    expect(defaultProps.onDeleteVersion).toHaveBeenCalledWith(1);
+  });
+});