97 lines
3.5 KiB
TypeScript
97 lines
3.5 KiB
TypeScript
// 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);
|
|
});
|
|
});
|