static/tests/ButtonComponent.test.ts

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

describe('ButtonComponent', () => {
  it('renders slot content', () => {
    const wrapper = mount(ButtonComponent, {
      props: { click: () => {} },
      slots: { default: 'Click me' },
    })
    expect(wrapper.find('button').text()).toBe('Click me')
  })

  it('calls click prop on click', async () => {
    const clickFn = vi.fn()
    const wrapper = mount(ButtonComponent, {
      props: { click: clickFn },
      slots: { default: 'Click me' },
    })
    await wrapper.find('button').trigger('click')
    expect(clickFn).toHaveBeenCalledOnce()
  })

  it('renders HTML slot content', () => {
    const wrapper = mount(ButtonComponent, {
      props: { click: () => {} },
      slots: { default: '<span>icon</span> Save' },
    })
    expect(wrapper.find('button span').text()).toBe('icon')
  })
})