Replace all native <select> elements in the admin panel with SearchableSelect for a consistent UI experience. This change enhances accessibility, supports RTL and dark mode, and improves the overall design by utilizing a common component. The updates include adjustments to state management and event handling to ensure seamless integration with existing functionality across various pages and components.

2026-07-16 08:56:59 +03:30
parent 7b8a5c2775
commit b1b99903ec
21 changed files with 571 additions and 288 deletions
@@ -92,8 +92,8 @@ describe('AppointmentActionsMenu (عملیات نوبت)', () => {
    // the original slot is shown read-only
    expect(screen.getByDisplayValue('2024-12-31')).toBeDisabled();
    expect(screen.getByDisplayValue('09:00')).toBeDisabled();
-    // prefilled from the appointment's current specs
-    expect((screen.getByLabelText('وضعیت') as HTMLSelectElement).value).toBe('confirmed');
+    // prefilled from the appointment's current specs (react-select single value)
+    expect(screen.getByText('قطعی شده')).toBeInTheDocument();

    fireEvent.change(screen.getByPlaceholderText('نام و نام خانوادگی'), { target: { value: 'ساغر صابری' } });
    fireEvent.change(screen.getByPlaceholderText('شماره تماس'), { target: { value: '09356619438' } });