hamed
5c8fe8ece4
- Implemented a new API endpoint `/api/v1/my/billing/payments/summary` to provide a financial summary of payments with filters for national code, status, and date range. - Updated the InvoiceRepository to aggregate totals for paid and unsettled invoices. - Created a new hook `usePaymentsSummary` to fetch summary data in the frontend. - Redesigned the MyPaymentsPage to align with the ClaimsPage structure, incorporating a design system, summary statistics, and improved filtering options. - Added tests for the new payments summary endpoint to ensure correct functionality and filtering behavior.
89 lines
4.0 KiB
TypeScript
89 lines
4.0 KiB
TypeScript
import { describe, it, expect, beforeEach, vi } from 'vitest';
|
|
import { screen, fireEvent, waitFor } from '@testing-library/react';
|
|
import { renderWithProviders } from '../test/utils';
|
|
|
|
const navigate = vi.fn();
|
|
vi.mock('react-router-dom', async (orig) => ({
|
|
...(await orig<typeof import('react-router-dom')>()),
|
|
useNavigate: () => navigate,
|
|
}));
|
|
vi.mock('../lib/api', () => ({ api: { get: vi.fn() }, ApiError: class extends Error {} }));
|
|
|
|
import { api } from '../lib/api';
|
|
import MyPaymentsPage from './MyPaymentsPage';
|
|
|
|
const get = api.get as ReturnType<typeof vi.fn>;
|
|
|
|
const ROWS = [
|
|
{ invoice_uuid: 'iv1', patient_uuid: 'p1', patient_name: 'دنیا خلیلی', national_code: '1744023654',
|
|
issued_at: 1717000000, amount_rials: 2350000, status: 'paid' },
|
|
{ invoice_uuid: 'iv2', patient_uuid: 'p2', patient_name: 'علی بدیعی', national_code: '2200112233',
|
|
issued_at: 1718000000, amount_rials: 6000000, status: 'unsettled' },
|
|
];
|
|
|
|
const SUMMARY = { total_rials: 8350000, paid_rials: 2350000, unsettled_rials: 6000000, invoices_count: 2 };
|
|
|
|
/** The page fires two queries; route by URL so each gets its own envelope. */
|
|
const mockApi = (rows = ROWS, total = rows.length) => {
|
|
get.mockImplementation((url: string) =>
|
|
url.includes('/payments/summary')
|
|
? Promise.resolve({ success: true, data: SUMMARY })
|
|
: Promise.resolve({ success: true, data: rows, meta: { totalRecords: total, totalPages: 1, currentPage: 1 } }),
|
|
);
|
|
};
|
|
|
|
beforeEach(() => {
|
|
navigate.mockReset();
|
|
get.mockReset();
|
|
mockApi();
|
|
});
|
|
|
|
describe('MyPaymentsPage (لیست پرداختها)', () => {
|
|
it('renders a flat row per invoice with patient name and national code', async () => {
|
|
renderWithProviders(<MyPaymentsPage />, { route: '/admin/my-payments' });
|
|
expect(await screen.findByText('دنیا خلیلی')).toBeInTheDocument();
|
|
expect(screen.getByText('علی بدیعی')).toBeInTheDocument();
|
|
expect(screen.getByText('1744023654')).toBeInTheDocument();
|
|
expect(screen.getByText('2200112233')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders the two-state invoice status badge', async () => {
|
|
renderWithProviders(<MyPaymentsPage />, { route: '/admin/my-payments' });
|
|
expect(await screen.findByText('پرداخت شده')).toBeInTheDocument();
|
|
expect(screen.getByText('تسویه نشده')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders the summary stat cards', async () => {
|
|
renderWithProviders(<MyPaymentsPage />, { route: '/admin/my-payments' });
|
|
expect(await screen.findByText('مجموع صورتحسابها')).toBeInTheDocument();
|
|
expect(screen.getByText('پرداختشده')).toBeInTheDocument();
|
|
expect(screen.getByText('تسویهنشده')).toBeInTheDocument();
|
|
expect(screen.getByText('تعداد صورتحساب')).toBeInTheDocument();
|
|
});
|
|
|
|
it('navigates to the patient detail on جزئیات', async () => {
|
|
renderWithProviders(<MyPaymentsPage />, { route: '/admin/my-payments' });
|
|
await screen.findByText('دنیا خلیلی');
|
|
fireEvent.click(screen.getAllByRole('button', { name: /جزئیات/ })[0]);
|
|
expect(navigate).toHaveBeenCalledWith('/admin/my-payments/p1');
|
|
});
|
|
|
|
it('shows an empty state when there are no payments', async () => {
|
|
mockApi([], 0);
|
|
renderWithProviders(<MyPaymentsPage />, { route: '/admin/my-payments' });
|
|
expect(await screen.findByText('پرداختی ثبت نشده است.')).toBeInTheDocument();
|
|
});
|
|
|
|
it('sends the national_code filter to both the list and the summary', async () => {
|
|
renderWithProviders(<MyPaymentsPage />, { route: '/admin/my-payments' });
|
|
await screen.findByText('دنیا خلیلی');
|
|
fireEvent.change(screen.getByPlaceholderText('کد ملی بیمار'), { target: { value: '1744' } });
|
|
|
|
await waitFor(() => {
|
|
const urls = get.mock.calls.map(([u]) => String(u)).filter((u) => u.includes('national_code=1744'));
|
|
expect(urls.some((u) => u.includes('/payments?'))).toBe(true);
|
|
expect(urls.some((u) => u.includes('/payments/summary?'))).toBe(true);
|
|
});
|
|
});
|
|
});
|