import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import ResourceSelect from './index';

const resource = (over = {}) => ({
    uuid: 'r1',
    name: 'کندلا2021',
    type: { code: 'laser_device', name: 'دستگاه لیزر' },
    services: [{ uuid: 's1', name: 'لیزر دست', duration_minutes: 20, price_rials: 2000000 }],
    ...over,
});

describe('ResourceSelect', () => {
    it('کارت «نوبت با پزشک» همیشه اول می‌آید', () => {
        render(<ResourceSelect resources={[resource()]} onSelect={vi.fn()} />);

        const buttons = screen.getAllByRole('button');
        expect(buttons).toHaveLength(2);
        expect(buttons[0]).toHaveTextContent('نوبت با پزشک');
        expect(buttons[1]).toHaveTextContent('کندلا2021');
    });

    it('نوع منبع به‌عنوان برچسب دیده می‌شود', () => {
        render(<ResourceSelect resources={[resource()]} onSelect={vi.fn()} />);
        expect(screen.getByText('دستگاه لیزر')).toBeInTheDocument();
    });

    it('انتخاب «نوبت با پزشک» مقدار null می‌فرستد', async () => {
        const onSelect = vi.fn();
        render(<ResourceSelect resources={[resource()]} onSelect={onSelect} />);

        await userEvent.click(screen.getByText('نوبت با پزشک'));
        expect(onSelect).toHaveBeenCalledWith(null);
    });

    it('انتخاب منبع، خودِ آبجکت منبع را می‌فرستد', async () => {
        const onSelect = vi.fn();
        const r = resource();
        render(<ResourceSelect resources={[r]} onSelect={onSelect} />);

        await userEvent.click(screen.getByText('کندلا2021'));
        expect(onSelect).toHaveBeenCalledWith(r);
    });

    it('تا سه سرویس با نام می‌آید و بقیه با +n', () => {
        const services = ['الف', 'ب', 'ج', 'د', 'ه'].map((n, i) => ({ uuid: `s${i}`, name: n }));
        render(<ResourceSelect resources={[resource({ services })]} onSelect={vi.fn()} />);

        expect(screen.getByText('الف، ب، ج +2')).toBeInTheDocument();
    });

    it('منبعِ بدون سرویس، زیرنویس خالی نمی‌سازد', () => {
        render(<ResourceSelect resources={[resource({ services: [] })]} onSelect={vi.fn()} />);

        // فقط زیرنویسِ کارتِ پزشک می‌ماند.
        expect(screen.getAllByRole('button')[1].textContent).toBe('کندلا2021دستگاه لیزر');
    });

    it('منبعِ بدون type برچسب نمی‌گیرد و نمی‌شکند', () => {
        render(<ResourceSelect resources={[resource({ type: null })]} onSelect={vi.fn()} />);
        expect(screen.getByText('کندلا2021')).toBeInTheDocument();
    });
});