import { describe, it, expect, beforeEach, vi } from 'vitest';
import { screen, fireEvent } from '@testing-library/react';
import { renderWithProviders } from '../../test/utils';

vi.mock('../../hooks/useSubscription', () => ({
  useSubscription: () => ({ hasFeature: () => true }),
}));

import Sidebar from './Sidebar';
import { useAuthStore } from '../../stores/authStore';

describe('Sidebar — expandable نوبت‌ها menu', () => {
  beforeEach(() => {
    useAuthStore.setState({
      primaryRole: 'admin', dbUuid: 'c1', userName: 'ادمین',
      availableContexts: [], context: null,
    } as any);
  });

  it('renders نوبت‌ها as a collapsible parent and reveals sub-items on click', () => {
    renderWithProviders(<Sidebar />, { route: '/admin/dashboard' });

    // منوی والد به شکل دکمه
    const parent = screen.getByRole('button', { name: /نوبت‌ها/ });
    expect(parent).toBeInTheDocument();

    // در ابتدا (مسیر داشبورد) بسته است → زیرمنوها نیستند
    expect(screen.queryByText('نوبت های تایید شده')).toBeNull();

    fireEvent.click(parent);

    // پس از باز شدن، دو زیرمنو دیده می‌شوند
    expect(screen.getByText('نوبت های تایید شده')).toBeInTheDocument();
    expect(screen.getByText('افزودن نوبت')).toBeInTheDocument();
  });

  it('auto-expands when a child route is active', () => {
    renderWithProviders(<Sidebar />, { route: '/admin/appointments/new' });
    // چون «افزودن نوبت» فعال است، منو باید خودکار باز باشد
    expect(screen.getByText('افزودن نوبت')).toBeInTheDocument();
    expect(screen.getByText('نوبت های تایید شده')).toBeInTheDocument();
  });
});