feat(patients): port tauri /files-services detail pixel-for-pixel
Rebuild the patient case-file (/admin/patients/:uuid) to match tauri
files-services:
- breadcrumb (پرونده > name) + 140px patient banner (name + completion chip,
file number, tag dots, phone/date rows, next appointment, یادداشت button)
ported from BreadcrumbHeader + FileServicesHeader.
- services tab: replaced the plain list with the ServiceCard «مراجعه» grid —
each card = a session (visit + performed services): success icon, services
subtitle, doctor/date/notes rows, cost + remaining debt, تکمیل پرداخت
(settles the session) / مشاهده فاکتور.
- مشاهده فاکتور opens InvoiceSummaryModal (خلاصه فاکتور tables) fed by the real
invoice (GET /billing/invoices/{uuid}).
- tab bar now uses the tauri custom SVG icons.
- 20+ SVGs ported verbatim into components/icons/FilesServiceIcons.tsx; new
components SessionServiceCard, PatientCaseBanner, InvoiceSummaryModal.
Frontend only — the sessions endpoint already returns invoice_uuid /
patient_debt_rials / is_paid. Tests updated (9 green).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
@@ -3,6 +3,7 @@ import { screen, fireEvent, waitFor } from '@testing-library/react';
|
||||
import { Routes, Route } from 'react-router-dom';
|
||||
import { renderWithProviders } from '../test/utils';
|
||||
|
||||
vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn() } }));
|
||||
vi.mock('../lib/api', () => ({
|
||||
api: { get: vi.fn(), post: vi.fn(), patch: vi.fn(), put: vi.fn(), delete: vi.fn() },
|
||||
ApiError: class extends Error {},
|
||||
@@ -17,10 +18,19 @@ beforeEach(() => {
|
||||
get.mockReset();
|
||||
get.mockImplementation((url: string) => {
|
||||
if (url === '/api/v1/patient/r1') return Promise.resolve({ success: true, data: {
|
||||
uuid: 'r1', user_name: 'ساغر صابری', record_number: 'P-1001',
|
||||
user_mobile: '09120000000', user_national_code: '1234567890',
|
||||
uuid: 'r1', user_name: 'ساغر صابری', record_number: 'P-1001', created_at: 1700000000,
|
||||
user_mobile: '09120000000', user_national_code: '1234567890', tags: [],
|
||||
profile: { gender: 'female', referral_source: 'اینستاگرام', address: 'یزد', description: 'یادداشت' },
|
||||
} });
|
||||
if (url === '/api/v1/patient/r1/sessions') return Promise.resolve({ success: true, data: [
|
||||
{ uuid: 's1', services: [{ service_name: 'اسکیلینگ' }], doctor_name: 'دکتر فتحی', final_price_rials: 2500000, is_paid: false, patient_debt_rials: 1500000, notes: 'یادداشت', created_at: 1700000000, visit_price_rials: 0 },
|
||||
{ uuid: 's2', services: [{ service_name: 'روکش' }], doctor_name: 'دکتر فتحی', final_price_rials: 2350000, is_paid: true, patient_debt_rials: 0, invoice_uuid: 'iv1', created_at: 1700000000, visit_price_rials: 0 },
|
||||
], meta: { totalRecords: 2 } });
|
||||
if (url === '/api/v1/billing/invoices/iv1') return Promise.resolve({ success: true, data: { data: {
|
||||
uuid: 'iv1', status: 'paid', issued_at: 1700000000, total_rials: 2350000,
|
||||
base_insurance_rials: 0, supplementary_rials: 0, patient_rials: 2350000,
|
||||
items: [{ uuid: 'it1', title: 'روکش', quantity: 1, total_rials: 2350000, patient_rials: 2350000 }],
|
||||
} } });
|
||||
if (url === '/api/v1/patient/r1/payments') return Promise.resolve({ success: true, data: [
|
||||
{ uuid: 'p1', amount_rials: 250000, status: 'success', gateway: 'mellat', created_at: 1700000000 },
|
||||
], meta: { totalRecords: 1 } });
|
||||
@@ -41,18 +51,38 @@ function renderDetail() {
|
||||
);
|
||||
}
|
||||
|
||||
// name now appears in both breadcrumb and banner
|
||||
const loaded = async () => (await screen.findAllByText('ساغر صابری'))[0];
|
||||
|
||||
describe('PatientDetailPage (پرونده تبدار)', () => {
|
||||
it('renders the header and tab bar', async () => {
|
||||
it('renders the banner and tab bar', async () => {
|
||||
renderDetail();
|
||||
expect(await screen.findByText('ساغر صابری')).toBeInTheDocument();
|
||||
await loaded();
|
||||
expect(screen.getByText('شماره پرونده: P-1001')).toBeInTheDocument(); // banner
|
||||
expect(screen.getByText('سرویسها')).toBeInTheDocument();
|
||||
expect(screen.getByText('اطلاعات پرونده')).toBeInTheDocument();
|
||||
expect(screen.getByText('پرونده پزشکی')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders session (مراجعه) cards on the default services tab', async () => {
|
||||
renderDetail();
|
||||
await loaded();
|
||||
expect(await screen.findByText('اسکیلینگ')).toBeInTheDocument();
|
||||
expect(screen.getAllByText('دکتر فتحی').length).toBe(2);
|
||||
expect(screen.getByText('تکمیل پرداخت')).toBeInTheDocument(); // unpaid card
|
||||
expect(screen.getByText('مشاهده فاکتور')).toBeInTheDocument(); // paid card
|
||||
});
|
||||
|
||||
it('opens the invoice summary on «مشاهده فاکتور»', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('مشاهده فاکتور');
|
||||
fireEvent.click(screen.getByText('مشاهده فاکتور'));
|
||||
expect(await screen.findByText('خلاصه فاکتور')).toBeInTheDocument();
|
||||
expect(await screen.findByText('اطلاعات فاکتور')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows patient info on the info tab', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
await loaded();
|
||||
fireEvent.click(screen.getByText('اطلاعات پرونده'));
|
||||
expect(screen.getByText('کد ملی')).toBeInTheDocument();
|
||||
expect(screen.getByText('1234567890')).toBeInTheDocument();
|
||||
@@ -61,90 +91,41 @@ describe('PatientDetailPage (پرونده تبدار)', () => {
|
||||
|
||||
it('renders the call-center tab with a register form and history', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
await loaded();
|
||||
fireEvent.click(screen.getByText('کال سنتر'));
|
||||
expect(await screen.findByText('ثبت تماس جدید')).toBeInTheDocument();
|
||||
expect(screen.getByText('تاریخچه تماسها')).toBeInTheDocument();
|
||||
expect(screen.getByPlaceholderText('موضوع تماس')).toBeInTheDocument();
|
||||
expect(await screen.findByText('تماسی ثبت نشده است.')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders the attachments tab with an upload button', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
fireEvent.click(screen.getByText('ضمیمه'));
|
||||
expect(await screen.findByRole('button', { name: /آپلود فایل جدید/ })).toBeInTheDocument();
|
||||
expect(await screen.findByText('هنوز فایلی ضمیمه نشده است.')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('opens the add-exam modal on the medical-record tab', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
fireEvent.click(screen.getByText('پرونده پزشکی'));
|
||||
fireEvent.click(await screen.findByRole('button', { name: /ثبت معاینه جدید/ }));
|
||||
// modal opens with a title field
|
||||
expect(await screen.findByPlaceholderText('مثلاً: معاینه اولیه')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('links "سرویس جدید" on the services tab to the new-session route', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری'); // services is the default tab
|
||||
await loaded();
|
||||
const link = await screen.findByRole('link', { name: /سرویس جدید/ });
|
||||
expect(link).toHaveAttribute('href', '/admin/patients/r1/session/new');
|
||||
});
|
||||
|
||||
it('lists patient payments with status label on the payments tab', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
await loaded();
|
||||
fireEvent.click(screen.getByText('پرداختها'));
|
||||
expect(await screen.findByText('موفق')).toBeInTheDocument();
|
||||
expect(screen.getByText(/mellat/)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows wallet balance and a transaction on the wallet tab', async () => {
|
||||
it('shows wallet balance on the wallet tab', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
await loaded();
|
||||
fireEvent.click(screen.getByText('کیف پول'));
|
||||
expect(await screen.findByText('موجودی کیف پول')).toBeInTheDocument();
|
||||
expect(await screen.findByText('شارژ')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('opens the wallet tab directly via ?tab=wallet and offers a top-up', async () => {
|
||||
renderWithProviders(
|
||||
<Routes><Route path="/admin/patients/:uuid" element={<PatientDetailPage />} /></Routes>,
|
||||
{ route: '/admin/patients/r1?tab=wallet' },
|
||||
);
|
||||
expect(await screen.findByText('موجودی کیف پول')).toBeInTheDocument();
|
||||
fireEvent.click(screen.getByRole('button', { name: /شارژ کیف پول/ }));
|
||||
expect(await screen.findByText('مبلغ شارژ (تومان)')).toBeInTheDocument();
|
||||
expect(screen.getByRole('button', { name: 'ثبت شارژ' })).toBeDisabled();
|
||||
});
|
||||
|
||||
it('posts the manual wallet charge', async () => {
|
||||
const post = api.post as ReturnType<typeof vi.fn>;
|
||||
post.mockResolvedValue({ success: true, data: { balance_rials: 800000, transaction: {} } });
|
||||
renderWithProviders(
|
||||
<Routes><Route path="/admin/patients/:uuid" element={<PatientDetailPage />} /></Routes>,
|
||||
{ route: '/admin/patients/r1?tab=wallet' },
|
||||
);
|
||||
await screen.findByText('موجودی کیف پول');
|
||||
fireEvent.click(screen.getByRole('button', { name: /شارژ کیف پول/ }));
|
||||
fireEvent.change(await screen.findByPlaceholderText('مثلاً: بیعانه نوبت'), { target: { value: 'بیعانه' } });
|
||||
// PriceInput displays toman; typing 30,000 toman = 300,000 rials
|
||||
const priceInput = screen.getByText('مبلغ شارژ (تومان)').parentElement!.querySelector('input')!;
|
||||
fireEvent.change(priceInput, { target: { value: '30000' } });
|
||||
fireEvent.click(screen.getByRole('button', { name: 'ثبت شارژ' }));
|
||||
await waitFor(() => expect(post).toHaveBeenCalledWith('/api/v1/patient/r1/wallet/charge', expect.objectContaining({
|
||||
description: 'بیعانه',
|
||||
})));
|
||||
});
|
||||
|
||||
it('renders the messages tab with a send box', async () => {
|
||||
renderDetail();
|
||||
await screen.findByText('ساغر صابری');
|
||||
await loaded();
|
||||
fireEvent.click(screen.getByText('پیامها'));
|
||||
expect(await screen.findByPlaceholderText('متن پیام...')).toBeInTheDocument();
|
||||
expect(screen.getByRole('button', { name: 'ارسال' })).toBeInTheDocument();
|
||||
expect(await screen.findByText('پیامی ثبت نشده است.')).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user