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

20 lines
622 B
TypeScript

import { expect, it } from 'vitest'
import UnitTestCase from '@/__tests__/UnitTestCase'
import { screen } from '@testing-library/vue'
import Magnifier from './Magnifier.vue'
new class extends UnitTestCase {
protected test () {
it('renders and functions', async () => {
const { html, emitted } = this.render(Magnifier)
await this.user.click(screen.getByRole('button', { name: 'Zoom in' }))
expect(emitted().in).toBeTruthy()
await this.user.click(screen.getByRole('button', { name: 'Zoom out' }))
expect(emitted().out).toBeTruthy()
expect(html()).toMatchSnapshot()
})
}
}