);
+}
+
+describe('ReviewActionDialog', () => {
+ beforeEach(() => {
+ approveMutateAsync.mockReset();
+ rejectMutateAsync.mockReset();
+ resubmitMutateAsync.mockReset();
+ approveMutateAsync.mockResolvedValue(undefined);
+ rejectMutateAsync.mockResolvedValue(undefined);
+ resubmitMutateAsync.mockResolvedValue(undefined);
+ mockMutations();
+ });
+
+ it('approves a verification with optional reviewer messages', async () => {
+ const onOpenChange = jest.fn();
+ render(
+ ,
+ );
+
+ fireEvent.change(screen.getByPlaceholderText('Instructions shown to the applicant'), {
+ target: { value: 'Payment can proceed.' },
+ });
+ fireEvent.change(screen.getByPlaceholderText('Private note for the review team'), {
+ target: { value: 'Matched government ID.' },
+ });
+ fireEvent.click(screen.getByRole('button', { name: 'Approve' }));
+
+ await waitFor(() => {
+ expect(approveMutateAsync).toHaveBeenCalledWith({
+ id: 'ver-201',
+ payload: {
+ nextStepMessage: 'Payment can proceed.',
+ internalNote: 'Matched government ID.',
+ },
+ });
+ });
+ expect(onOpenChange).toHaveBeenCalledWith(false);
+ });
+
+ it('requires a rejection reason before submitting', () => {
+ render(
+ ,
+ );
+
+ fireEvent.click(screen.getByRole('button', { name: 'Reject' }));
+
+ expect(screen.getByText('A reason is required.')).toBeInTheDocument();
+ expect(rejectMutateAsync).not.toHaveBeenCalled();
+ });
+
+ it('submits rejection and resubmission payloads through the correct hooks', async () => {
+ const { rerender } = render(
+ ,
+ );
+
+ fireEvent.change(screen.getByPlaceholderText('e.g. Document appears fraudulent'), {
+ target: { value: 'Document image is unreadable.' },
+ });
+ fireEvent.click(screen.getByRole('button', { name: 'Reject' }));
+
+ await waitFor(() => {
+ expect(rejectMutateAsync).toHaveBeenCalledWith({
+ id: 'ver-203',
+ payload: {
+ rejectionReason: 'Document image is unreadable.',
+ nextStepMessage: undefined,
+ internalNote: undefined,
+ },
+ });
+ });
+
+ rerender(
+ ,
+ );
+
+ fireEvent.change(screen.getByPlaceholderText('e.g. ID document is expired'), {
+ target: { value: 'ID document is expired.' },
+ });
+ fireEvent.click(
+ screen.getByRole('button', { name: 'Request Resubmission' }),
+ );
+
+ await waitFor(() => {
+ expect(resubmitMutateAsync).toHaveBeenCalledWith({
+ id: 'ver-204',
+ payload: {
+ rejectionReason: 'ID document is expired.',
+ nextStepMessage: 'Please resubmit the required documents.',
+ internalNote: undefined,
+ },
+ });
+ });
+ });
+});
diff --git a/app/frontend/src/components/verification-review/__tests__/ReviewFiltersBar.test.tsx b/app/frontend/src/components/verification-review/__tests__/ReviewFiltersBar.test.tsx
new file mode 100644
index 00000000..bf0bc563
--- /dev/null
+++ b/app/frontend/src/components/verification-review/__tests__/ReviewFiltersBar.test.tsx
@@ -0,0 +1,64 @@
+/** @jest-environment jsdom */
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ReviewFiltersBar } from '../ReviewFiltersBar';
+import type { ReviewFilters } from '@/types/verification-review';
+
+const baseFilters: ReviewFilters = {
+ status: '',
+ riskLevel: '',
+ dateFrom: '',
+ dateTo: '',
+ page: 1,
+};
+
+describe('ReviewFiltersBar', () => {
+ it('updates date filters and resets pagination', () => {
+ const onChange = jest.fn();
+ const { container } = render(
+ ,
+ );
+
+ const [fromInput, toInput] = container.querySelectorAll(
+ 'input[type="date"]',
+ );
+
+ fireEvent.change(fromInput, { target: { value: '2026-07-01' } });
+ fireEvent.change(toInput, { target: { value: '2026-07-05' } });
+
+ expect(onChange).toHaveBeenNthCalledWith(1, {
+ dateFrom: '2026-07-01',
+ page: 1,
+ });
+ expect(onChange).toHaveBeenNthCalledWith(2, {
+ dateTo: '2026-07-05',
+ page: 1,
+ });
+ });
+
+ it('clears active status, risk, and date filters', () => {
+ const onChange = jest.fn();
+ render(
+ ,
+ );
+
+ fireEvent.click(screen.getByRole('button', { name: 'Clear' }));
+
+ expect(onChange).toHaveBeenCalledWith({
+ status: '',
+ riskLevel: '',
+ dateFrom: '',
+ dateTo: '',
+ page: 1,
+ });
+ });
+});
diff --git a/app/frontend/src/components/verification-review/__tests__/ReviewQueue.test.tsx b/app/frontend/src/components/verification-review/__tests__/ReviewQueue.test.tsx
new file mode 100644
index 00000000..ad298f23
--- /dev/null
+++ b/app/frontend/src/components/verification-review/__tests__/ReviewQueue.test.tsx
@@ -0,0 +1,140 @@
+/** @jest-environment jsdom */
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ReviewQueue } from '../ReviewQueue';
+import { useInbox } from '@/hooks/useVerificationInbox';
+import type {
+ ReviewFilters,
+ VerificationInboxItem,
+ VerificationInboxResponse,
+} from '@/types/verification-review';
+
+jest.mock('@/hooks/useVerificationInbox', () => ({
+ useInbox: jest.fn(),
+}));
+
+jest.mock('../VerificationDetailPanel', () => ({
+ VerificationDetailPanel: ({
+ verificationId,
+ onClose,
+ }: {
+ verificationId: string;
+ onClose: () => void;
+ }) => (
+
+ Detail for {verificationId}
+
+
+ ),
+}));
+
+const mockUseInbox = useInbox as jest.MockedFunction;
+
+const filters: ReviewFilters = {
+ status: '',
+ riskLevel: '',
+ dateFrom: '',
+ dateTo: '',
+ page: 1,
+};
+
+const inboxItem: VerificationInboxItem = {
+ id: 'ver-101',
+ status: 'pending_review',
+ createdAt: '2026-07-01T12:00:00.000Z',
+ reviewedAt: null,
+ reviewedBy: null,
+ rejectionReason: null,
+ nextStepMessage: 'Confirm identity document',
+ deepLink: '/verifications/ver-101',
+ riskLevel: 'high',
+};
+
+const response: VerificationInboxResponse = {
+ items: [inboxItem],
+ total: 7,
+ page: 2,
+ limit: 5,
+ totalPages: 3,
+};
+
+describe('ReviewQueue', () => {
+ beforeEach(() => {
+ mockUseInbox.mockReset();
+ });
+
+ it('renders loading placeholders while the verification queue is loading', () => {
+ mockUseInbox.mockReturnValue({
+ data: undefined,
+ isLoading: true,
+ isError: false,
+ error: null,
+ } as ReturnType);
+
+ const { container } = render(
+ ,
+ );
+
+ expect(container.querySelectorAll('.animate-pulse .h-16')).toHaveLength(5);
+ });
+
+ it('renders queue errors from the inbox hook', () => {
+ mockUseInbox.mockReturnValue({
+ data: undefined,
+ isLoading: false,
+ isError: true,
+ error: new Error('Inbox unavailable'),
+ } as ReturnType);
+
+ render();
+
+ expect(
+ screen.getByText('Failed to load queue: Inbox unavailable'),
+ ).toBeInTheDocument();
+ });
+
+ it('renders an empty queue message when filters have no matches', () => {
+ mockUseInbox.mockReturnValue({
+ data: { ...response, items: [], total: 0, totalPages: 1 },
+ isLoading: false,
+ isError: false,
+ error: null,
+ } as ReturnType);
+
+ render();
+
+ expect(
+ screen.getByText('No verification cases match the current filters.'),
+ ).toBeInTheDocument();
+ });
+
+ it('renders queue rows, opens details, and pages through results', () => {
+ const onPageChange = jest.fn();
+ mockUseInbox.mockReturnValue({
+ data: response,
+ isLoading: false,
+ isError: false,
+ error: null,
+ } as ReturnType);
+
+ const { container } = render(
+ ,
+ );
+
+ fireEvent.click(screen.getByText('ver-101'));
+ expect(screen.getByTestId('verification-detail')).toHaveTextContent(
+ 'Detail for ver-101',
+ );
+ expect(screen.getByText('Confirm identity document')).toBeInTheDocument();
+ expect(screen.getByText('Page 2 of 3 ยท 7 total')).toBeInTheDocument();
+
+ const pagerButtons = container.querySelectorAll('button.h-8');
+ fireEvent.click(pagerButtons[0]);
+ fireEvent.click(pagerButtons[1]);
+
+ expect(onPageChange).toHaveBeenNthCalledWith(1, 1);
+ expect(onPageChange).toHaveBeenNthCalledWith(2, 3);
+ });
+});