blessing-skin-server/resources/assets/tests/scripts/toast.test.tsx

import React from 'react'
import { render } from '@testing-library/react'
import { Toast, ToastContainer } from '@/scripts/toast'

test('"Toast" class', () => {
  render(<ToastContainer />)
  const toast = new Toast()

  toast.success('success')
  expect(document.querySelector('.alert-success')!.textContent).toContain(
    'success',
  )

  toast.info('info')
  expect(document.querySelector('.alert-info')!.textContent).toContain('info')

  toast.warning('warning')
  expect(document.querySelector('.alert-warning')!.textContent).toContain(
    'warning',
  )

  toast.error('error')
  expect(document.querySelector('.alert-danger')!.textContent).toContain(
    'error',
  )

  jest.runAllTimers()
})

test('clear toasts', () => {
  render(<ToastContainer />)
  const toast = new Toast()

  toast.success('success')
  toast.info('info')

  toast.clear()
  expect(document.querySelectorAll('.alert')).toHaveLength(0)
})