cleanup.test.js

import { describe, expect, test, vi } from 'vitest'
import { VERSION as SVELTE_VERSION } from 'svelte/compiler'

import { act, cleanup, render } from '@testing-library/svelte'
import Mounter from './fixtures/Mounter.svelte'

const onExecuted = vi.fn()
const onDestroyed = vi.fn()
const renderSubject = () => render(Mounter, { onExecuted, onDestroyed })

describe('cleanup', () => {
  test('cleanup deletes element', async () => {
    renderSubject()
    cleanup()

    expect(document.body).toBeEmptyDOMElement()
  })

  test.runIf(SVELTE_VERSION < '5')('cleanup unmounts component', async () => {
    await act(renderSubject)
    cleanup()

    expect(onDestroyed).toHaveBeenCalledOnce()
  })

  test('cleanup handles unexpected errors during mount', () => {
    onExecuted.mockImplementation(() => {
      throw new Error('oh no!')
    })

    expect(renderSubject).toThrowError()
    cleanup()

    expect(document.body).toBeEmptyDOMElement()
  })
})