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

describe('Radio', () => {
  it('renders disabled unselected radio with explicit disabled-off state class', () => {
    const wrapper = mount(Radio, {
      props: {
        modelValue: false,
        disabled: true,
      },
      slots: {
        default: 'Option',
      },
    })

    expect(wrapper.find('.radio-circle--disabled-off').exists()).toBe(true)
    expect(wrapper.find('.radio-circle--disabled-selected').exists()).toBe(false)
  })

  it('renders disabled selected radio with explicit disabled-selected state class', () => {
    const wrapper = mount(Radio, {
      props: {
        modelValue: true,
        disabled: true,
      },
      slots: {
        default: 'Option',
      },
    })

    expect(wrapper.find('.radio-circle--disabled-selected').exists()).toBe(true)
    expect(wrapper.find('.radio-circle--disabled-off').exists()).toBe(false)
    expect(wrapper.find('.radio-dot').exists()).toBe(true)
  })
})