koel/resources/assets/js/components/screens/AllSongsScreen.spec.ts
2022-09-12 18:11:56 +07:00

53 lines
1.7 KiB
TypeScript

import { expect, it } from 'vitest'
import factory from '@/__tests__/factory'
import UnitTestCase from '@/__tests__/UnitTestCase'
import { commonStore, queueStore, songStore } from '@/stores'
import { fireEvent, waitFor } from '@testing-library/vue'
import { eventBus } from '@/utils'
import { playbackService } from '@/services'
import router from '@/router'
import AllSongsScreen from './AllSongsScreen.vue'
new class extends UnitTestCase {
private async renderComponent () {
commonStore.state.song_count = 420
commonStore.state.song_length = 123_456
songStore.state.songs = factory<Song>('song', 20)
const fetchMock = this.mock(songStore, 'paginate').mockResolvedValue(2)
const rendered = this.render(AllSongsScreen, {
global: {
stubs: {
SongList: this.stub('song-list')
}
}
})
eventBus.emit('ACTIVATE_SCREEN', 'Songs')
await waitFor(() => expect(fetchMock).toHaveBeenCalledWith('title', 'asc', 1))
return rendered
}
protected test () {
it('renders', async () => {
const { html } = await this.renderComponent()
await waitFor(() => expect(html()).toMatchSnapshot())
})
it('shuffles', async () => {
const queueMock = this.mock(queueStore, 'fetchRandom')
const playMock = this.mock(playbackService, 'playFirstInQueue')
const goMock = this.mock(router, 'go')
const { getByTitle } = await this.renderComponent()
await fireEvent.click(getByTitle('Shuffle all songs'))
await waitFor(() => {
expect(queueMock).toHaveBeenCalled()
expect(playMock).toHaveBeenCalled()
expect(goMock).toHaveBeenCalledWith('queue')
})
})
}
}