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

describe('UProgressCircle', () => {
  it('should render correctly', () => {
    const wrapper = mount(UProgressCircle)
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with xxs size', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        size: 'xxs',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with xs size', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        size: 'xs',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with sm size', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        size: 'sm',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with md size', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        size: 'md',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with lg size', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        size: 'lg',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with progress', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        progress: 50,
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render correctly with label', () => {
    const wrapper = mount(UProgressCircle, {
      props: {
        label: 'label',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })
})