koel/resources/assets/js/components/ui/BtnCloseModal.spec.ts

import { expect, it } from 'vitest'
import { fireEvent } from '@testing-library/vue'
import UnitTestCase from '@/__tests__/UnitTestCase'
import BtnCloseModal from './BtnCloseModal.vue'

new class extends UnitTestCase {
  protected test () {
    it('renders', () => expect(this.render(BtnCloseModal).html()).toMatchSnapshot())

    it('emits the event', async () => {
      const { emitted, getByRole } = this.render(BtnCloseModal)

      await fireEvent.click(getByRole('button'))

      expect(emitted().click).toBeTruthy()
    })
  }
}