clinicpro/assets/admin/pages/AppointmentCreatePage.test.tsx

import { describe, it, expect, beforeEach, vi } from 'vitest';
import { screen, fireEvent, waitFor } from '@testing-library/react';
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 { useAuthStore } from '../stores/authStore';
import AppointmentCreatePage from './AppointmentCreatePage';

const get = api.get as ReturnType<typeof vi.fn>;
const post = api.post as ReturnType<typeof vi.fn>;

beforeEach(() => {
  get.mockReset();
  post.mockReset();
  useAuthStore.setState({ primaryRole: 'doctor', dbUuid: 'doc1' } as any);
  get.mockResolvedValue({ success: true, data: [] });
  post.mockResolvedValue({ success: true, data: { uuid: 'new1' } });
});

describe('AppointmentCreatePage — افزودن نوبت', () => {
  it('posts a new appointment with the entered patient (happy path)', async () => {
    renderWithProviders(<AppointmentCreatePage />, { route: '/admin/appointments/new' });

    fireEvent.click(screen.getByText('مراجعه کننده جدید'));
    fireEvent.change(screen.getByPlaceholderText('نام و نام خانوادگی مراجعه کننده'), { target: { value: 'علی محمدی' } });
    fireEvent.change(screen.getByPlaceholderText('شماره تماس مراجعه کننده'), { target: { value: '09121234567' } });
    fireEvent.change(screen.getByPlaceholderText('کد ملی مراجعه کننده'), { target: { value: '1234567891' } });

    fireEvent.click(screen.getByText('ثبت اطلاعات'));

    await waitFor(() => expect(post).toHaveBeenCalled());
    const [url, body] = post.mock.calls[0];
    expect(url).toBe('/api/v1/my/appointment');
    expect(body).toMatchObject({ doctor_uuid: 'doc1', patient_name: 'علی محمدی', patient_mobile: '09121234567', patient_national_code: '1234567891' });
  });

  it('service mode: picks service + suggested time and posts service_item_uuids', async () => {
    get.mockImplementation((url: string) => {
      if (url.startsWith('/api/v1/appointment-booking-services/'))
        return Promise.resolve({ success: true, data: { booking_mode: 'service', buffer_minutes: 5, services: [{ uuid: 'sv1', name: 'عصب‌کشی', duration_minutes: 30, price_rials: 500000, service_section: { uuid: 'sec1', name: 'دندان' } }] } });
      if (url.startsWith('/api/v1/appointment-service-slots'))
        return Promise.resolve({ success: true, data: { total_duration_minutes: 30, buffer_minutes: 5, start_times: [{ start: 1754000000, end: 1754001800, start_time: '15:00' }] } });
      return Promise.resolve({ success: true, data: [] });
    });

    renderWithProviders(<AppointmentCreatePage />, { route: '/admin/appointments/new' });

    fireEvent.click(screen.getByText('مراجعه کننده جدید'));
    fireEvent.change(screen.getByPlaceholderText('نام و نام خانوادگی مراجعه کننده'), { target: { value: 'علی محمدی' } });
    fireEvent.change(screen.getByPlaceholderText('شماره تماس مراجعه کننده'), { target: { value: '09121234567' } });
    fireEvent.change(screen.getByPlaceholderText('کد ملی مراجعه کننده'), { target: { value: '1234567891' } });

    // حالت سرویس: ورودی ساعت شروع نباید باشد
    await waitFor(() => expect(screen.queryByLabelText('ساعت شروع')).toBeNull());

    // حالت سرویسی هم «بخش → سرویس» است: ابتدا بخش، سپس سرویس
    const secInput = document.getElementById('service-mode-section-select') as HTMLInputElement;
    fireEvent.focus(secInput);
    fireEvent.keyDown(secInput, { key: 'ArrowDown' });
    fireEvent.click(await screen.findByText('دندان'));
    fireEvent.click(await screen.findByText('عصب‌کشی'));
    fireEvent.click(await screen.findByRole('button', { name: '15:00' }));

    fireEvent.click(screen.getByText('ثبت اطلاعات'));
    await waitFor(() => expect(post).toHaveBeenCalled());
    const [, body] = post.mock.calls[0];
    expect(body).toMatchObject({ doctor_uuid: 'doc1', slot_start: 1754000000, slot_end: 1754001800, service_item_uuids: ['sv1'] });
  });

  it('keeps the submit button disabled until a valid patient is entered (boundary)', () => {
    renderWithProviders(<AppointmentCreatePage />, { route: '/admin/appointments/new' });
    const btn = screen.getByText('ثبت اطلاعات') as HTMLButtonElement;
    expect(btn).toBeDisabled();

    // فیلدهای مراجعه‌کنندهٔ جدید تا کلیک روی دکمه پنهان‌اند
    expect(screen.queryByPlaceholderText('نام و نام خانوادگی مراجعه کننده')).toBeNull();
    fireEvent.click(screen.getByText('مراجعه کننده جدید'));

    // شماره ناقص → همچنان غیرفعال
    fireEvent.change(screen.getByPlaceholderText('نام و نام خانوادگی مراجعه کننده'), { target: { value: 'ب' } });
    fireEvent.change(screen.getByPlaceholderText('شماره تماس مراجعه کننده'), { target: { value: '0912' } });
    expect(btn).toBeDisabled();

    // نام و موبایل معتبر ولی کد ملی خالی → همچنان غیرفعال (کد ملی الزامی است)
    fireEvent.change(screen.getByPlaceholderText('نام و نام خانوادگی مراجعه کننده'), { target: { value: 'علی محمدی' } });
    fireEvent.change(screen.getByPlaceholderText('شماره تماس مراجعه کننده'), { target: { value: '09121234567' } });
    expect(btn).toBeDisabled();
  });

  it('picking an existing patient WITH a national code enables submit and posts it (happy path)', async () => {
    get.mockImplementation((url: string) => {
      if (url.startsWith('/api/v1/patients?'))
        return Promise.resolve({ success: true, data: [{ uuid: 'rec1', user_name: 'حامد حسینی', user_mobile: '09210671745', user_national_code: '0012345675' }] });
      return Promise.resolve({ success: true, data: [] });
    });

    renderWithProviders(<AppointmentCreatePage />, { route: '/admin/appointments/new' });

    fireEvent.change(screen.getByPlaceholderText('جستجوی نام، شماره تماس، شماره پرونده...'), { target: { value: 'حامد' } });
    fireEvent.click(await screen.findByText(/حامد حسینی/));

    const btn = screen.getByText('ثبت اطلاعات') as HTMLButtonElement;
    await waitFor(() => expect(btn).not.toBeDisabled());

    fireEvent.click(btn);
    await waitFor(() => expect(post).toHaveBeenCalled());
    const [, body] = post.mock.calls[0];
    expect(body).toMatchObject({ patient_name: 'حامد حسینی', patient_mobile: '09210671745', patient_national_code: '0012345675' });
  });

  it('slot mode: accumulates services across multiple sections and removes them (happy path)', async () => {
    get.mockImplementation((url: string) => {
      if (url === '/api/v1/service-sections')
        return Promise.resolve({ success: true, data: [{ uuid: 'sec1', name: 'زیبایی' }, { uuid: 'sec2', name: 'پوست' }] });
      if (url === '/api/v1/service-items/sec1')
        return Promise.resolve({ success: true, data: [{ uuid: 'i1', name: 'لیزر' }, { uuid: 'i2', name: 'ماساژ' }] });
      if (url === '/api/v1/service-items/sec2')
        return Promise.resolve({ success: true, data: [{ uuid: 'i3', name: 'پاکسازی' }] });
      return Promise.resolve({ success: true, data: [] });
    });

    const pickSection = async (optionLabel: string) => {
      const input = document.getElementById('appt-section-select') as HTMLInputElement;
      fireEvent.focus(input);
      fireEvent.keyDown(input, { key: 'ArrowDown' });
      fireEvent.click(await screen.findByText(optionLabel));
    };

    renderWithProviders(<AppointmentCreatePage />, { route: '/admin/appointments/new' });

    fireEvent.click(screen.getByText('مراجعه کننده جدید'));
    fireEvent.change(screen.getByPlaceholderText('نام و نام خانوادگی مراجعه کننده'), { target: { value: 'علی محمدی' } });
    fireEvent.change(screen.getByPlaceholderText('شماره تماس مراجعه کننده'), { target: { value: '09121234567' } });
    fireEvent.change(screen.getByPlaceholderText('کد ملی مراجعه کننده'), { target: { value: '1234567891' } });

    // بخش اول → دو سرویس انتخاب
    await pickSection('زیبایی');
    fireEvent.click(await screen.findByText('لیزر'));
    fireEvent.click(await screen.findByText('ماساژ'));

    // بخش دوم → یک سرویس؛ لیستِ انباشته باید سرویس‌های بخش قبل را نگه دارد
    await pickSection('پوست');
    fireEvent.click(await screen.findByText('پاکسازی'));

    expect(screen.getByText('سرویس‌های انتخاب‌شده (3)')).toBeInTheDocument();

    // حذف یک سرویس از لیست
    fireEvent.click(screen.getByLabelText('حذف ماساژ'));
    expect(screen.getByText('سرویس‌های انتخاب‌شده (2)')).toBeInTheDocument();

    fireEvent.click(screen.getByText('ثبت اطلاعات'));
    await waitFor(() => expect(post).toHaveBeenCalled());
    const [, body] = post.mock.calls[0];
    expect(body.service_item_uuids).toEqual(['i1', 'i3']);
    expect(body.duration_from_services).toBeUndefined(); // حالت اسلاتی: ساعت پایانِ دستی حفظ
  });

  it('picking an existing patient WITHOUT a national code keeps submit disabled until one is entered (boundary)', async () => {
    get.mockImplementation((url: string) => {
      if (url.startsWith('/api/v1/patients?'))
        return Promise.resolve({ success: true, data: [{ uuid: 'rec2', user_name: 'حامد حسینی', user_mobile: '09210671745', user_national_code: null }] });
      return Promise.resolve({ success: true, data: [] });
    });

    renderWithProviders(<AppointmentCreatePage />, { route: '/admin/appointments/new' });

    fireEvent.change(screen.getByPlaceholderText('جستجوی نام، شماره تماس، شماره پرونده...'), { target: { value: 'حامد' } });
    fireEvent.click(await screen.findByText(/حامد حسینی/));

    const btn = screen.getByText('ثبت اطلاعات') as HTMLButtonElement;
    expect(btn).toBeDisabled();

    // کد ملیِ خالیِ رکورد را دستی وارد کن → فعال می‌شود
    fireEvent.change(screen.getByPlaceholderText('کد ملی مراجعه کننده'), { target: { value: '0012345675' } });
    await waitFor(() => expect(btn).not.toBeDisabled());
  });
});