import { describe, expect, it } from 'vitest'
import { mount } from '@vue/test-utils'
import MonthPicker from './MonthPicker.vue'

const mountPicker = (props: { currentYear: number, selectedMonth?: number, min?: string, max?: string }) =>
  mount(MonthPicker, { props })

describe('MalioDateMonthPicker', () => {
  it('renders 12 months', () => {
    const wrapper = mountPicker({ currentYear: 2026 })
    expect(wrapper.findAll('[data-test="month"]')).toHaveLength(12)
  })

  it('emits select with the clicked month index', async () => {
    const wrapper = mountPicker({ currentYear: 2026 })
    await wrapper.get('[data-test="month"][data-month="0"]').trigger('click')
    expect(wrapper.emitted('select')?.[0]).toEqual([0])
  })

  it('disables months before min in the current year and does not emit', async () => {
    const wrapper = mountPicker({ currentYear: 2026, min: '2026-05-01' })
    const april = wrapper.get('[data-test="month"][data-month="3"]')
    expect(april.attributes('disabled')).toBeDefined()
    await april.trigger('click')
    expect(wrapper.emitted('select')).toBeUndefined()
  })

  it('disables months after max in the current year', () => {
    const wrapper = mountPicker({ currentYear: 2026, max: '2026-05-31' })
    expect(wrapper.get('[data-test="month"][data-month="5"]').attributes('disabled')).toBeDefined()
    expect(wrapper.get('[data-test="month"][data-month="4"]').attributes('disabled')).toBeUndefined()
  })
})