import { fireEvent, render, screen } from '@testing-library/react'
import { describe, expect, it, vi } from 'vitest'

import ConsumerPickerTrigger from '@/components/events/create/ConsumerPickerTrigger'

describe('ConsumerPickerTrigger', () => {
  it('renders the shared consumer picker style and opens on click', () => {
    const onClick = vi.fn()

    render(
      <ConsumerPickerTrigger
        aria-label="انتخاب تاریخ شروع"
        onClick={onClick}
      >
        تاریخ شروع
      </ConsumerPickerTrigger>
    )

    const trigger = screen.getByRole('button', { name: 'انتخاب تاریخ شروع' })

    expect(trigger).toHaveClass('h-12', 'rounded-xl', 'bg-[#E2E2E280]', 'px-2', 'text-xs', 'font-medium')
    fireEvent.click(trigger)
    expect(onClick).toHaveBeenCalledOnce()
  })
})