mirror of
https://github.com/koel/koel
synced 2024-12-21 01:53:11 +00:00
29 lines
1.2 KiB
TypeScript
29 lines
1.2 KiB
TypeScript
|
import { expect, it } from 'vitest'
|
||
|
|
import { fireEvent, waitFor } from '@testing-library/vue'
|
||
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
||
|
|
import { eventBus } from '@/utils'
|
||
|
|
import { EventName } from '@/config'
|
||
|
|
import CreateNewPlaylistContextMenu from './CreateNewPlaylistContextMenu.vue'
|
||
|
|
|
||
|
|
new class extends UnitTestCase {
|
||
|
|
private async renderComponent () {
|
||
|
|
const rendered = await this.render(CreateNewPlaylistContextMenu)
|
||
|
|
eventBus.emit('CREATE_NEW_PLAYLIST_CONTEXT_MENU_REQUESTED', { pageX: 420, pageY: 42 })
|
||
|
|
await this.tick(2)
|
||
|
|
return rendered
|
||
|
|
}
|
||
|
|
|
||
|
|
protected test () {
|
||
|
|
it.each<[string, EventName]>([
|
||
|
|
['playlist-context-menu-create-simple', 'MODAL_SHOW_CREATE_PLAYLIST_FORM'],
|
||
|
|
['playlist-context-menu-create-smart', 'MODAL_SHOW_CREATE_SMART_PLAYLIST_FORM'],
|
||
|
|
['playlist-context-menu-create-folder', 'MODAL_SHOW_CREATE_PLAYLIST_FOLDER_FORM']
|
||
|
|
])('when clicking on %s, should emit %s', async (id, eventName) => {
|
||
|
|
const { getByTestId } = await this.renderComponent()
|
||
|
|
const emitMock = this.mock(eventBus, 'emit')
|
||
|
|
await fireEvent.click(getByTestId(id))
|
||
|
|
await waitFor(() => expect(emitMock).toHaveBeenCalledWith(eventName))
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|