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

describe('Skeleton', () => {
  it('should carry its own shape class when a variant is set', () => {
    const wrapper = mount(Skeleton, { props: { variant: 'circular' } })

    expect(wrapper.classes()).toEqual(['mint-skeleton', 'mint-skeleton--circular', 'skeleton-wave'])
  })

  it('should breathe for pulse like it does for wave when animation is pulse', () => {
    const wrapper = mount(Skeleton, { props: { animation: 'pulse' } })

    expect(wrapper.classes()).toContain('skeleton-wave')
  })

  it('should stay static when animation is none', () => {
    const wrapper = mount(Skeleton, { props: { animation: 'none' } })

    expect(wrapper.classes()).not.toContain('skeleton-wave')
  })
})