Port the remaining pieces of tauri /files list into /admin/patients:
- inline tag assignment: the برچسبها cell (table + card) opens a popover to
assign/remove tenant tags without leaving the list. Uses existing endpoints
(GET /api/v1/tenant-tags + PATCH /api/v1/patient/{uuid} { tags:[uuid] }).
New component assets/admin/components/PatientTagsCell.tsx.
- advanced filter modal (PatientsFilterModal): admission date range, insurance,
service status (pending/completed), has-debt, gender, tags — wired to the
list query with an active-filter badge on the button.
Backend: GET /api/v1/patients gains tags/gender/insurance_id/admitted_from/
admitted_to/service_status/has_debt filters via a shared applyFilters() on
PatientRecordRepository (findByEntity + countByEntity stay consistent). Debt
and service status derive from unpaid sessions (payment_method='pending'),
documented in docs/api/patient.md.
Tests: tests/Patient/PatientListFilterTest.php (5) + PatientsListPage tag-popover
and filter-apply tests. Pre-existing LoginPage.test failures are unrelated.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
72 lines
3.6 KiB
TypeScript
72 lines
3.6 KiB
TypeScript
import { describe, it, expect, beforeEach, vi } from 'vitest';
|
|
import { screen, fireEvent, waitFor } from '@testing-library/react';
|
|
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 {},
|
|
}));
|
|
|
|
import { api } from '../lib/api';
|
|
import PatientsListPage from './PatientsListPage';
|
|
|
|
const get = api.get as ReturnType<typeof vi.fn>;
|
|
const patch = api.patch as ReturnType<typeof vi.fn>;
|
|
|
|
const PATIENTS = [
|
|
{ uuid: 'r1', user_name: 'دنیا خلیلی', user_mobile: '09165401233', user_national_code: '1744023654', record_number: '123456789', tags: [{ uuid: 't1', name: 'فوری', color: '#F00' }] },
|
|
{ uuid: 'r2', user_name: 'علی بدیعی زاده', user_mobile: '09165401233', user_national_code: null, record_number: '123456789', tags: [] },
|
|
];
|
|
|
|
beforeEach(() => {
|
|
get.mockReset();
|
|
patch.mockReset();
|
|
patch.mockResolvedValue({ success: true, data: {} });
|
|
get.mockImplementation((url: string) => {
|
|
if (url.includes('/tenant-tags')) return Promise.resolve({ success: true, data: [{ uuid: 'tag1', name: 'خوشحساب', color: '#0a0', active: true }] });
|
|
if (url.includes('/insurance-pricing')) return Promise.resolve({ success: true, data: { insurances: [{ insurance_id: 1, insurance_name: 'تأمین اجتماعی', type: 'basic' }] } });
|
|
return Promise.resolve({ success: true, data: PATIENTS, meta: { totalRecords: 2 } });
|
|
});
|
|
});
|
|
|
|
describe('PatientsListPage (پروندهها)', () => {
|
|
it('renders the records table with the create button', async () => {
|
|
renderWithProviders(<PatientsListPage />, { route: '/admin/patients' });
|
|
expect(await screen.findByText('دنیا خلیلی')).toBeInTheDocument();
|
|
expect(screen.getByText('علی بدیعی زاده')).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: /تشکیل پرونده/ })).toBeInTheDocument();
|
|
// record with no tags shows the inline "add" trigger
|
|
expect(screen.getByText('اضافه کردن')).toBeInTheDocument();
|
|
});
|
|
|
|
it('switches to the card view', async () => {
|
|
renderWithProviders(<PatientsListPage />, { route: '/admin/patients' });
|
|
await screen.findByText('دنیا خلیلی');
|
|
fireEvent.click(screen.getByLabelText('نمایش کارتی'));
|
|
expect(screen.getByText('دنیا خلیلی')).toBeInTheDocument();
|
|
expect(screen.getAllByText('مشاهده').length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it('assigns a tag inline through the برچسبها popover', async () => {
|
|
renderWithProviders(<PatientsListPage />, { route: '/admin/patients' });
|
|
await screen.findByText('علی بدیعی زاده');
|
|
|
|
fireEvent.click(screen.getByText('اضافه کردن')); // open popover for the untagged record (r2)
|
|
fireEvent.click(await screen.findByText('خوشحساب')); // toggle the tenant tag
|
|
|
|
await waitFor(() => expect(patch).toHaveBeenCalledWith('/api/v1/patient/r2', { tags: ['tag1'] }));
|
|
});
|
|
|
|
it('applies an advanced filter and re-queries with the param', async () => {
|
|
renderWithProviders(<PatientsListPage />, { route: '/admin/patients' });
|
|
await screen.findByText('دنیا خلیلی');
|
|
|
|
fireEvent.click(screen.getByLabelText('فیلترها'));
|
|
fireEvent.click(await screen.findByLabelText('فقط پروندههای دارای بدهی'));
|
|
fireEvent.click(screen.getByRole('button', { name: 'اعمال تغییرات' }));
|
|
|
|
await waitFor(() => expect(get.mock.calls.some(([u]) => String(u).includes('has_debt=1'))).toBe(true));
|
|
});
|
|
});
|