refactor(resource): remove ResourceBookingModal component and its tests
This commit is contained in:
hamed
@@ -1,129 +0,0 @@
|
|||||||
import { describe, it, expect, beforeEach, vi } from 'vitest';
|
|
||||||
import { screen, waitFor } from '@testing-library/react';
|
|
||||||
import userEvent from '@testing-library/user-event';
|
|
||||||
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 ResourceBookingModal from './ResourceBookingModal';
|
|
||||||
|
|
||||||
const get = api.get as ReturnType<typeof vi.fn>;
|
|
||||||
const post = api.post as ReturnType<typeof vi.fn>;
|
|
||||||
|
|
||||||
const resource = {
|
|
||||||
uuid: 'r-laser',
|
|
||||||
name: 'لیزر CO2',
|
|
||||||
address_uuid: 'addr-1',
|
|
||||||
supervisor: { uuid: 'd-1', name: 'دکتر مرادی' },
|
|
||||||
} as never;
|
|
||||||
|
|
||||||
/** یکی از این دو وقت مالِ همین منبع است و دیگری مالِ دستگاه دیگری. */
|
|
||||||
const slots = [
|
|
||||||
{ start: 1783859400, end: 1783861200, assignment: { device: [{ uuid: 'r-laser', name: 'لیزر CO2' }] } },
|
|
||||||
{ start: 1783863000, end: 1783864800, assignment: { device: [{ uuid: 'r-other', name: 'لیزر دیگر' }] } },
|
|
||||||
];
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
get.mockReset();
|
|
||||||
post.mockReset();
|
|
||||||
get.mockImplementation((url: string) => {
|
|
||||||
if (url.includes('/services')) {
|
|
||||||
return Promise.resolve({ success: true, data: [
|
|
||||||
{ service_uuid: 's-1', service_name: 'لیزر صورت', active: true, effective_duration_minutes: 30 },
|
|
||||||
{ service_uuid: 's-2', service_name: 'سرویس غیرفعال', active: false, effective_duration_minutes: 20 },
|
|
||||||
] });
|
|
||||||
}
|
|
||||||
if (url.includes('/my/clinic-doctors')) {
|
|
||||||
return Promise.resolve({ success: true, data: { data: [{ uuid: 'd-1', name: 'دکتر مرادی' }] } });
|
|
||||||
}
|
|
||||||
return Promise.resolve({ success: true, data: [] });
|
|
||||||
});
|
|
||||||
post.mockImplementation((url: string) => {
|
|
||||||
if (url.includes('appointment-availability')) {
|
|
||||||
return Promise.resolve({ success: true, data: { plan: { total_minutes: 30, segments: [] }, slots, reason: null } });
|
|
||||||
}
|
|
||||||
if (url.includes('appointment-hold')) {
|
|
||||||
return Promise.resolve({ success: true, data: { hold_uuid: 'h-1', assignment: {} } });
|
|
||||||
}
|
|
||||||
return Promise.resolve({ success: true, data: { uuid: 'appt-1' } });
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('ResourceBookingModal', () => {
|
|
||||||
/** فقط سرویسهایی که خودِ منبع ارائه میدهد — سرور هم بقیه را با ۴۲۲ رد میکند. */
|
|
||||||
it('فقط سرویسهای فعالِ همین منبع را میآورد', async () => {
|
|
||||||
renderWithProviders(
|
|
||||||
<ResourceBookingModal resource={resource} onClose={vi.fn()} onBooked={vi.fn()} />,
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(await screen.findByText('ثبت نوبت — لیزر CO2')).toBeInTheDocument();
|
|
||||||
const called = get.mock.calls.map((c: any[]) => c[0]);
|
|
||||||
expect(called.some((u: string) => u.includes('/api/v1/resource/r-laser/services'))).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* هستهٔ منبعمحور بودن: موتور خدمتمحور جواب میدهد، پس وقتی که این منبع در آن
|
|
||||||
* پیشنهاد نشده باید حذف شود — نشان دادنش یعنی اپراتور چیزی بگیرد که ۴۰۹ میشود.
|
|
||||||
*/
|
|
||||||
it('فقط وقتهایی را نشان میدهد که موتور همین منبع را در آنها داده', async () => {
|
|
||||||
const user = userEvent.setup();
|
|
||||||
renderWithProviders(
|
|
||||||
<ResourceBookingModal resource={resource} onClose={vi.fn()} onBooked={vi.fn()} />,
|
|
||||||
);
|
|
||||||
|
|
||||||
await screen.findByText('ثبت نوبت — لیزر CO2');
|
|
||||||
await user.click(await screen.findByText('سرویس را انتخاب کنید'));
|
|
||||||
await user.click(await screen.findByText(/لیزر صورت/));
|
|
||||||
|
|
||||||
await waitFor(() => expect(screen.getByText(/زمانهای خالی این منبع/)).toBeInTheDocument());
|
|
||||||
|
|
||||||
// وقتِ منبعِ دیگر (۱۷۸۳۸۶۳۰۰۰) نباید دکمهای داشته باشد.
|
|
||||||
const buttons = screen.getAllByRole('button').map((b) => b.textContent ?? '');
|
|
||||||
const timeButtons = buttons.filter((t) => /\d{2}:\d{2}/.test(t));
|
|
||||||
expect(timeButtons).toHaveLength(1);
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* پزشک از ناظرِ خودِ منبع میآید، نه از یک انتخابگر دیگر — ارتباط پزشک↔منبع یک جا
|
|
||||||
* تعریف شده و تکرارش اینجا یعنی دو منبعِ حقیقت.
|
|
||||||
*/
|
|
||||||
it('پزشک را از ناظرِ منبع میگیرد و انتخابگر پزشک ندارد', async () => {
|
|
||||||
const user = userEvent.setup();
|
|
||||||
renderWithProviders(
|
|
||||||
<ResourceBookingModal resource={resource} onClose={vi.fn()} onBooked={vi.fn()} />,
|
|
||||||
);
|
|
||||||
|
|
||||||
await screen.findByText('ثبت نوبت — لیزر CO2');
|
|
||||||
expect(screen.getByText(/پزشک ناظر: دکتر مرادی/)).toBeInTheDocument();
|
|
||||||
expect(screen.queryByText('پزشک انجامدهنده')).toBeNull();
|
|
||||||
|
|
||||||
// بدون سرویس و زمان هنوز غیرفعال است.
|
|
||||||
expect(screen.getByRole('button', { name: 'ثبت نوبت' })).toBeDisabled();
|
|
||||||
|
|
||||||
await user.click(await screen.findByText('سرویس را انتخاب کنید'));
|
|
||||||
await user.click(await screen.findByText(/لیزر صورت/));
|
|
||||||
await waitFor(() => expect(screen.getByText(/زمانهای خالی این منبع/)).toBeInTheDocument());
|
|
||||||
|
|
||||||
const timeBtn = screen.getAllByRole('button').find((b) => /\d{2}:\d{2}/.test(b.textContent ?? ''));
|
|
||||||
await user.click(timeBtn!);
|
|
||||||
|
|
||||||
// سرویس + زمان + ناظر ⇒ حالا قابل ثبت است.
|
|
||||||
await waitFor(() => expect(screen.getByRole('button', { name: 'ثبت نوبت' })).toBeEnabled());
|
|
||||||
});
|
|
||||||
|
|
||||||
/** منبعی که ناظرش حذف شده نباید بیصدا غیرقابلثبت بماند. */
|
|
||||||
it('منبع بدون ناظر را با پیام روشن مسدود میکند', async () => {
|
|
||||||
const orphan = { uuid: 'r-x', name: 'لیزر یتیم', address_uuid: 'addr-1', supervisor: null } as never;
|
|
||||||
renderWithProviders(
|
|
||||||
<ResourceBookingModal resource={orphan} onClose={vi.fn()} onBooked={vi.fn()} />,
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(await screen.findByText(/این منبع پزشک ناظر ندارد/)).toBeInTheDocument();
|
|
||||||
expect(screen.getByRole('button', { name: 'ثبت نوبت' })).toBeDisabled();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,223 +0,0 @@
|
|||||||
import React, { useMemo, useState } from 'react';
|
|
||||||
import { useQuery } from '@tanstack/react-query';
|
|
||||||
import Modal from '../ui/Modal';
|
|
||||||
import SearchableSelect from '../ui/SearchableSelect';
|
|
||||||
import { api, type ApiResponse } from '../../lib/api';
|
|
||||||
import { formatNumber } from '../../lib/utils';
|
|
||||||
import {
|
|
||||||
REASON_LABELS,
|
|
||||||
useAvailabilitySearch,
|
|
||||||
useHold,
|
|
||||||
type AvailableSlot,
|
|
||||||
} from '../../hooks/useResourceBooking';
|
|
||||||
import type { ClinicResource, ResourceServiceOffering } from '../../types';
|
|
||||||
|
|
||||||
const DAY = 86400;
|
|
||||||
|
|
||||||
function hhmm(ts: number): string {
|
|
||||||
const d = new Date(ts * 1000);
|
|
||||||
return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** نقشی از تخصیص که این منبع در آن پیشنهاد شده — `null` یعنی این وقت مالِ منبع دیگری است. */
|
|
||||||
function roleHolding(slot: AvailableSlot, resourceUuid: string): string | null {
|
|
||||||
for (const [role, resources] of Object.entries(slot.assignment)) {
|
|
||||||
if (resources.some((r) => r.uuid === resourceUuid)) return role;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ثبت نوبت برای یک منبع مشخص — سرویسهای خودِ منبع، بعد زمان، بعد پزشک مسئول.
|
|
||||||
*
|
|
||||||
* موتور همان `appointment-availability → hold → confirm` است که از قبل هست؛ تنها
|
|
||||||
* تفاوت این است که جستجو خدمتمحور جواب میدهد و ما نتیجه را به وقتهایی تنگ میکنیم
|
|
||||||
* که موتور در آنها **همین منبع** را پیشنهاد داده. وقتی که منبع در آن آزاد نبوده اصلاً
|
|
||||||
* نشان داده نمیشود، وگرنه اپراتور چیزی را انتخاب میکند که در `hold` خطای ۴۰۹ میگیرد.
|
|
||||||
*
|
|
||||||
* پزشک مسئول اجباری است: هر نوبت در این سیستم پزشک دارد و `confirm` بدونش کار نمیکند.
|
|
||||||
*/
|
|
||||||
export default function ResourceBookingModal({ resource, onClose, onBooked }: {
|
|
||||||
resource: ClinicResource;
|
|
||||||
onClose: () => void;
|
|
||||||
onBooked: () => void;
|
|
||||||
}) {
|
|
||||||
const { create, confirm } = useHold();
|
|
||||||
|
|
||||||
const [serviceUuid, setServiceUuid] = useState('');
|
|
||||||
const [days, setDays] = useState('7');
|
|
||||||
const [pickedSlot, setPickedSlot] = useState<AvailableSlot | null>(null);
|
|
||||||
const [submitting, setSubmitting] = useState(false);
|
|
||||||
|
|
||||||
// پزشکِ نوبت از ناظرِ خودِ منبع میآید، نه از یک انتخابگرِ دیگر: ارتباط پزشک و منبع
|
|
||||||
// یک جا تعریف شده (فرم منبع) و تکرارش اینجا یعنی دو منبعِ حقیقت.
|
|
||||||
const doctorUuid = resource.supervisor?.uuid ?? '';
|
|
||||||
|
|
||||||
// سرویسهای همین منبع، نه کل کاتالوگ: منبعی که سرویسی را ارائه نمیدهد نباید
|
|
||||||
// در فهرست بیاید — سرور هم همان را با ۴۲۲ رد میکند.
|
|
||||||
const offeringsQuery = useQuery<ApiResponse<ResourceServiceOffering[]>>({
|
|
||||||
queryKey: ['resource-services', resource.uuid],
|
|
||||||
queryFn: () => api.get(`/api/v1/resource/${resource.uuid}/services`),
|
|
||||||
});
|
|
||||||
const offerings = (offeringsQuery.data?.data ?? []).filter((o) => o.active);
|
|
||||||
|
|
||||||
const range = useMemo(() => {
|
|
||||||
const from = Math.floor(Date.now() / 1000);
|
|
||||||
return { from, to: from + Number(days) * DAY };
|
|
||||||
}, [days]);
|
|
||||||
|
|
||||||
const { result, loading } = useAvailabilitySearch(
|
|
||||||
{ serviceUuid, branchUuid: resource.address_uuid, from: range.from, to: range.to },
|
|
||||||
!!serviceUuid,
|
|
||||||
);
|
|
||||||
|
|
||||||
const slots = useMemo(
|
|
||||||
() => (result?.slots ?? []).filter((s) => roleHolding(s, resource.uuid) !== null),
|
|
||||||
[result, resource.uuid],
|
|
||||||
);
|
|
||||||
|
|
||||||
const reasonText = result?.reason ? REASON_LABELS[result.reason] ?? result.reason : null;
|
|
||||||
const canSubmit = !!serviceUuid && !!pickedSlot && !!doctorUuid && !submitting;
|
|
||||||
// ناظر در API الزامی است؛ ردیفهای قدیمیای که پزشکشان حذف شده `supervisor: null` دارند.
|
|
||||||
const missingSupervisor = !resource.supervisor;
|
|
||||||
|
|
||||||
const submit = async () => {
|
|
||||||
if (!pickedSlot) return;
|
|
||||||
setSubmitting(true);
|
|
||||||
|
|
||||||
try {
|
|
||||||
// تخصیص همان چیزی است که موتور برای این وقت داده، با یک قید: نقشی که این منبع
|
|
||||||
// در آن آمده به خودش قفل میشود تا نوبت واقعاً روی همین دستگاه بنشیند.
|
|
||||||
const role = roleHolding(pickedSlot, resource.uuid);
|
|
||||||
const assignment = Object.fromEntries(
|
|
||||||
Object.entries(pickedSlot.assignment).map(([r, list]) => [
|
|
||||||
r,
|
|
||||||
r === role ? [resource.uuid] : list.map((x) => x.uuid),
|
|
||||||
]),
|
|
||||||
);
|
|
||||||
|
|
||||||
const held = await create.mutateAsync({
|
|
||||||
service_uuid: serviceUuid,
|
|
||||||
branch_uuid: resource.address_uuid,
|
|
||||||
start: pickedSlot.start,
|
|
||||||
assignment,
|
|
||||||
});
|
|
||||||
|
|
||||||
await confirm.mutateAsync({ hold_uuid: held.data.hold_uuid, doctor_uuid: doctorUuid });
|
|
||||||
onBooked();
|
|
||||||
onClose();
|
|
||||||
} finally {
|
|
||||||
setSubmitting(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
open
|
|
||||||
title={`ثبت نوبت — ${resource.name}`}
|
|
||||||
size="sm"
|
|
||||||
onClose={onClose}
|
|
||||||
footer={
|
|
||||||
<>
|
|
||||||
<button type="button" className="btn ghost" onClick={onClose}>انصراف</button>
|
|
||||||
<button type="button" className="btn primary" disabled={!canSubmit} onClick={submit}>
|
|
||||||
{submitting ? 'در حال ثبت…' : 'ثبت نوبت'}
|
|
||||||
</button>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{missingSupervisor && (
|
|
||||||
<p className="field-err" role="alert" style={{ marginTop: 0 }}>
|
|
||||||
این منبع پزشک ناظر ندارد و نوبتی برایش ثبت نمیشود — از «منابع» ناظرش را تعیین کنید.
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div className="field-block" style={{ marginBottom: 14 }}>
|
|
||||||
<label htmlFor="rb-service">سرویسهای این منبع <span className="req">*</span></label>
|
|
||||||
{offeringsQuery.isLoading ? (
|
|
||||||
<div className="skeleton" style={{ height: 40, borderRadius: 'var(--r-sm)' }} />
|
|
||||||
) : offerings.length === 0 ? (
|
|
||||||
<p className="field-err" style={{ marginTop: 0 }}>
|
|
||||||
برای این منبع سرویسی تعریف نشده است — از تب «سرویسها»ی همین منبع اضافه کنید.
|
|
||||||
</p>
|
|
||||||
) : (
|
|
||||||
<SearchableSelect
|
|
||||||
inputId="rb-service"
|
|
||||||
options={offerings.map((o) => ({
|
|
||||||
value: o.service_uuid,
|
|
||||||
label: o.effective_duration_minutes
|
|
||||||
? `${o.service_name} · ${formatNumber(o.effective_duration_minutes)} دقیقه`
|
|
||||||
: o.service_name,
|
|
||||||
}))}
|
|
||||||
value={serviceUuid || null}
|
|
||||||
onChange={(v) => { setServiceUuid(v ? String(v) : ''); setPickedSlot(null); }}
|
|
||||||
placeholder="سرویس را انتخاب کنید"
|
|
||||||
height={40}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{serviceUuid && (
|
|
||||||
<div className="field-block" style={{ marginBottom: 14 }}>
|
|
||||||
<label htmlFor="rb-range">بازهٔ جستجو</label>
|
|
||||||
<SearchableSelect
|
|
||||||
inputId="rb-range"
|
|
||||||
options={[
|
|
||||||
{ value: '1', label: 'امروز' },
|
|
||||||
{ value: '7', label: 'یک هفتهٔ آینده' },
|
|
||||||
{ value: '30', label: 'یک ماه آینده' },
|
|
||||||
]}
|
|
||||||
value={days}
|
|
||||||
onChange={(v) => { setDays(v ? String(v) : '7'); setPickedSlot(null); }}
|
|
||||||
height={40}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{serviceUuid && (
|
|
||||||
<div style={{ marginBottom: 14 }}>
|
|
||||||
<span className="field-label">زمانهای خالی این منبع</span>
|
|
||||||
{loading ? (
|
|
||||||
<div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>در حال محاسبه…</div>
|
|
||||||
) : slots.length === 0 ? (
|
|
||||||
<p className="field-err" style={{ marginTop: 0 }}>
|
|
||||||
{reasonText ?? 'برای این منبع در این بازه وقت آزادی نیست — بازه را بزرگتر کنید.'}
|
|
||||||
</p>
|
|
||||||
) : (
|
|
||||||
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
|
|
||||||
{slots.slice(0, 40).map((s) => {
|
|
||||||
const active = pickedSlot?.start === s.start;
|
|
||||||
return (
|
|
||||||
<button
|
|
||||||
key={s.start}
|
|
||||||
type="button"
|
|
||||||
dir="ltr"
|
|
||||||
onClick={() => setPickedSlot(s)}
|
|
||||||
style={{
|
|
||||||
fontSize: 13, padding: '6px 12px', borderRadius: 'var(--r-sm)',
|
|
||||||
cursor: 'pointer', fontFamily: 'inherit',
|
|
||||||
border: active ? '1px solid var(--primary)' : '1px solid var(--border)',
|
|
||||||
background: active ? 'var(--primary)' : 'var(--surface)',
|
|
||||||
color: active ? 'var(--on-primary)' : 'var(--text)',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{new Date(s.start * 1000).toLocaleDateString('fa-IR')} · {hhmm(s.start)}
|
|
||||||
</button>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div className="toggle-row">
|
|
||||||
<div>
|
|
||||||
<div className="tr-title">پزشک ناظر: {resource.supervisor?.name ?? '—'}</div>
|
|
||||||
<div className="tr-desc">
|
|
||||||
نوبت به نام همین پزشک ثبت میشود. برای تغییرش، ناظرِ منبع را در «منابع» ویرایش کنید.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user