admin
7e8f4859cd
- Add ADR-036 unified OCR architecture (typhoon-ocr via Ollama) - Extend AI execution profiles for OCR sandbox configuration - Add comprehensive frontend test coverage (components, hooks, services) - Add backend test coverage for document-numbering services - Update OCR sidecar with typhoon-ocr integration - Add AI policy service and execution profile management - Update AGENTS.md and architecture documentation
73 lines
3.1 KiB
TypeScript
73 lines
3.1 KiB
TypeScript
// File: frontend/components/common/__tests__/pagination.test.tsx
|
|
// Change Log:
|
|
// - 2026-06-13: Initial creation - test coverage for Pagination component
|
|
// - 2026-06-13: Refactor to remove blank lines inside functions to satisfy project guidelines
|
|
|
|
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
|
import { render, screen, fireEvent } from '@testing-library/react';
|
|
import { Pagination } from '../pagination';
|
|
|
|
const mockPush = vi.fn();
|
|
vi.mock('next/navigation', () => ({
|
|
useRouter: () => ({
|
|
push: mockPush,
|
|
replace: vi.fn(),
|
|
back: vi.fn(),
|
|
forward: vi.fn(),
|
|
refresh: vi.fn(),
|
|
prefetch: vi.fn(),
|
|
}),
|
|
usePathname: () => '/',
|
|
useSearchParams: () => new URLSearchParams(),
|
|
}));
|
|
|
|
describe('Pagination Component', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
});
|
|
|
|
it('ควรเรนเดอร์ข้อมูลหน้าปัจจุบัน หน้าทั้งหมด และรายการทั้งหมดสำเร็จ', () => {
|
|
render(<Pagination currentPage={2} totalPages={5} total={50} />);
|
|
expect(screen.getByText('Showing page 2 of 5 (50 total items)')).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: 'Previous' })).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: 'Next' })).toBeInTheDocument();
|
|
});
|
|
|
|
it('ควร disable ปุ่ม Previous เมื่ออยู่หน้าแรก', () => {
|
|
render(<Pagination currentPage={1} totalPages={5} total={50} />);
|
|
const prevBtn = screen.getByRole('button', { name: 'Previous' });
|
|
const nextBtn = screen.getByRole('button', { name: 'Next' });
|
|
expect(prevBtn).toBeDisabled();
|
|
expect(nextBtn).not.toBeDisabled();
|
|
});
|
|
|
|
it('ควร disable ปุ่ม Next เมื่ออยู่หน้าสุดท้าย', () => {
|
|
render(<Pagination currentPage={5} totalPages={5} total={50} />);
|
|
const prevBtn = screen.getByRole('button', { name: 'Previous' });
|
|
const nextBtn = screen.getByRole('button', { name: 'Next' });
|
|
expect(prevBtn).not.toBeDisabled();
|
|
expect(nextBtn).toBeDisabled();
|
|
});
|
|
|
|
it('ควรเปลี่ยนหน้าเมื่อคลิกปุ่ม Next', () => {
|
|
render(<Pagination currentPage={2} totalPages={5} total={50} />);
|
|
const nextBtn = screen.getByRole('button', { name: 'Next' });
|
|
fireEvent.click(nextBtn);
|
|
expect(mockPush).toHaveBeenCalledWith('/?page=3');
|
|
});
|
|
|
|
it('ควรเปลี่ยนหน้าเมื่อคลิกปุ่ม Previous', () => {
|
|
render(<Pagination currentPage={2} totalPages={5} total={50} />);
|
|
const prevBtn = screen.getByRole('button', { name: 'Previous' });
|
|
fireEvent.click(prevBtn);
|
|
expect(mockPush).toHaveBeenCalledWith('/?page=1');
|
|
});
|
|
|
|
it('ควรเปลี่ยนหน้าเมื่อคลิกหมายเลขหน้าโดยตรง', () => {
|
|
render(<Pagination currentPage={2} totalPages={5} total={50} />);
|
|
const pageBtn = screen.getByRole('button', { name: '4' });
|
|
fireEvent.click(pageBtn);
|
|
expect(mockPush).toHaveBeenCalledWith('/?page=4');
|
|
});
|
|
});
|