feat(appointments): edit page + filters modal — phase C2/C3

- AppointmentEditPage (edit.pdf): full-page edit of بخش/سرویس/پرسنل, Jalali date + start/end time, deposit, status and notes; hydrates from GET /appointment/{uuid} and saves through the general PATCH with the optimistic-lock version. Routed at /admin/appointments/:uuid/edit (the actions-menu ویرایش target). - AppointmentFiltersModal (filter-desktop.pdf): name/national-code search, بخش/سرویس selects, six status checkboxes (لغو شده covers both cancel reasons), gender radios, حذف همه reset. Filtering is client-side over the loaded day via the pure applyAppointmentFilters; toolbar gains the filter button with an active indicator. - /my/appointments rows now include patient_national_code and patient_gender so the filters have data to match on. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-14 00:02:22 +03:30
parent 91ea1b02aa
commit f736e4acd8
8 changed files with 493 additions and 1 deletions
@@ -0,0 +1,67 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { screen, fireEvent, waitFor } from '@testing-library/react';
+import { Routes, Route } from 'react-router-dom';
+import { renderWithProviders } from '../test/utils';
+
+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 AppointmentEditPage from './AppointmentEditPage';
+
+const get = api.get as ReturnType<typeof vi.fn>;
+const patch = api.patch as ReturnType<typeof vi.fn>;
+
+const slotStart = Math.floor(new Date('2026-08-01T15:00').getTime() / 1000);
+const slotEnd = Math.floor(new Date('2026-08-01T16:00').getTime() / 1000);
+
+beforeEach(() => {
+  get.mockReset(); patch.mockReset();
+  get.mockImplementation((url: string) => {
+    if (url === '/api/v1/appointment/ap1') return Promise.resolve({ success: true, data: { data: {
+      uuid: 'ap1', slot_start: slotStart, slot_end: slotEnd, status: 'confirmed', version: 4,
+      note: 'یادداشت', deposit_required: true, deposit_amount_rials: 5000000,
+      service_section: { uuid: 'sec1', name: 'زیبایی' }, service_item: { uuid: 'it1', name: 'لیزر' },
+      staff: { uuid: 'st1', full_name: 'سحر ایمانی' },
+    } } });
+    if (url === '/api/v1/service-sections') return Promise.resolve({ success: true, data: [{ uuid: 'sec1', name: 'زیبایی' }] });
+    if (url.startsWith('/api/v1/service-items/')) return Promise.resolve({ success: true, data: [{ uuid: 'it1', name: 'لیزر' }] });
+    if (url === '/api/v1/staff') return Promise.resolve({ success: true, data: [{ uuid: 'st1', full_name: 'سحر ایمانی' }] });
+    return Promise.resolve({ success: true, data: [] });
+  });
+  patch.mockResolvedValue({ success: true, data: {} });
+});
+
+function renderEdit() {
+  return renderWithProviders(
+    <Routes><Route path="/admin/appointments/:uuid/edit" element={<AppointmentEditPage />} /></Routes>,
+    { route: '/admin/appointments/ap1/edit' },
+  );
+}
+
+describe('AppointmentEditPage (ویرایش نوبت)', () => {
+  it('hydrates the form from the appointment', async () => {
+    renderEdit();
+    expect(await screen.findByText('مشخصات سرویس:')).toBeInTheDocument();
+    expect((screen.getByLabelText('ساعت شروع') as HTMLInputElement).value).toBe('15:00');
+    expect((screen.getByLabelText('وضعیت') as HTMLSelectElement).value).toBe('confirmed');
+    expect(screen.getByDisplayValue('یادداشت')).toBeInTheDocument();
+  });
+
+  it('patches the general update endpoint with the edited values', async () => {
+    renderEdit();
+    await screen.findByText('مشخصات سرویس:');
+    fireEvent.change(screen.getByLabelText('ساعت پایان'), { target: { value: '16:30' } });
+    fireEvent.click(screen.getByRole('button', { name: 'ثبت اطلاعات' }));
+    await waitFor(() => expect(patch).toHaveBeenCalledWith('/api/v1/appointment/ap1', expect.objectContaining({
+      slot_start: slotStart,
+      slot_end: Math.floor(new Date('2026-08-01T16:30').getTime() / 1000),
+      service_section_uuid: 'sec1',
+      staff_uuid: 'st1',
+      deposit_required: true,
+      version: 4,
+    })));
+  });
+});