mirror of
https://github.com/vitest-dev/vitest.git
synced 2025-12-08 18:26:03 +00:00
07eeb28c6e
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com> Co-authored-by: Vladimir Sheremet <sheremet.va@icloud.com>
33 lines
967 B
TypeScript
33 lines
967 B
TypeScript
import { tick } from 'svelte'
|
|
import Hello from '../components/Hello.svelte'
|
|
|
|
let host: HTMLElement
|
|
|
|
afterEach(() => {
|
|
host.remove()
|
|
})
|
|
|
|
test('mount component', async () => {
|
|
host = document.createElement('div')
|
|
host.setAttribute('id', 'host')
|
|
document.body.appendChild(host)
|
|
const instance = new Hello({ target: host, props: { count: 4 } })
|
|
expect(instance).toBeTruthy()
|
|
expect(host.innerHTML).toContain('4 x 2 = 8')
|
|
expect(host.innerHTML).toMatchSnapshot()
|
|
const btn = host.getElementsByTagName('button')[0]
|
|
btn.click() // or btn.dispatchEvent(new window.Event('click', { bubbles: true }))
|
|
await tick()
|
|
expect(host.innerHTML).toContain('4 x 3 = 12')
|
|
btn.click()
|
|
await tick()
|
|
expect(host.innerHTML).toContain('4 x 4 = 16')
|
|
})
|
|
|
|
/*
|
|
//TODO improvements
|
|
- generic way to create svelte components from import ( helper utility or library )
|
|
- generic api for interacting with components
|
|
- alternatives to expect with innerHTML
|
|
*/
|