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

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

  it('should render default slot', () => {
    const wrapper = mount(UTableRow, {
      slots: {
        default: '<div>test</div>',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
    expect(wrapper.find('div').exists()).toBe(true)
    expect(wrapper.find('div').text()).toBe('test')
  })

  it('should render alternating fills divider correctly', () => {
    const wrapper = mount(UTableRow, {
      props: {
        divider: 'alternating fills',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render alternating fills divider correctly', () => {
    const wrapper = mount(UTableRow, {
      props: {
        divider: 'alternating fills',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render divider line divider correctly', () => {
    const wrapper = mount(UTableRow, {
      props: {
        divider: 'divider line',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render with height prop correctly', () => {
    const wrapper = mount(UTableRow, {
      props: {
        height: '44',
      },
    })
    expect(wrapper.html()).toMatchSnapshot()
  })
})