2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-12-29 22:13:06 +00:00
koel/resources/assets/js/components/song/SongThumbnail.spec.ts
2024-07-06 17:45:01 +02:00

41 lines
1.2 KiB
TypeScript

import { expect, it } from 'vitest'
import factory from '@/__tests__/factory'
import UnitTestCase from '@/__tests__/UnitTestCase'
import { playbackService } from '@/services'
import { screen } from '@testing-library/vue'
import { queueStore } from '@/stores'
import SongThumbnail from '@/components/song/SongThumbnail.vue'
let song: Song
new class extends UnitTestCase {
protected test () {
it.each<[PlaybackState, string, MethodOf<typeof playbackService>]>([
['Stopped', 'Play', 'play'],
['Playing', 'Pause', 'pause'],
['Paused', 'Resume', 'resume']
])('if state is currently "%s", %ss', async (state, name, method) => {
this.mock(queueStore, 'queueIfNotQueued')
const playbackMock = this.mock(playbackService, method)
this.renderComponent(state)
await this.user.click(screen.getByRole('button', { name }))
expect(playbackMock).toHaveBeenCalled()
})
}
private renderComponent (playbackState: PlaybackState = 'Stopped') {
song = factory<Song>('song', {
playback_state: playbackState,
play_count: 10,
title: 'Foo bar'
})
return this.render(SongThumbnail, {
props: {
song
}
})
}
}