mirror of
https://github.com/koel/koel
synced 2024-12-29 22:13:06 +00:00
97 lines
2.8 KiB
TypeScript
97 lines
2.8 KiB
TypeScript
import { fireEvent, getByTestId, waitFor } from '@testing-library/vue'
|
|
import { expect, it } from 'vitest'
|
|
import factory from '@/__tests__/factory'
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
|
import { albumStore, commonStore, songStore } from '@/stores'
|
|
import { downloadService } from '@/services'
|
|
import { eventBus } from '@/utils'
|
|
import AlbumScreen from './AlbumScreen.vue'
|
|
|
|
let album: Album
|
|
|
|
new class extends UnitTestCase {
|
|
private async renderComponent () {
|
|
commonStore.state.use_last_fm = true
|
|
|
|
album = factory<Album>('album', {
|
|
id: 42,
|
|
name: 'Led Zeppelin IV',
|
|
artist_id: 123,
|
|
artist_name: 'Led Zeppelin',
|
|
song_count: 10,
|
|
length: 1_603
|
|
})
|
|
|
|
const resolveAlbumMock = this.mock(albumStore, 'resolve').mockResolvedValue(album)
|
|
|
|
const songs = factory<Song>('song', 13)
|
|
const fetchSongsMock = this.mock(songStore, 'fetchForAlbum').mockResolvedValue(songs)
|
|
|
|
await this.router.activateRoute({
|
|
path: 'albums/42',
|
|
screen: 'Album'
|
|
}, { id: '42' })
|
|
|
|
const rendered = this.render(AlbumScreen, {
|
|
global: {
|
|
stubs: {
|
|
SongList: this.stub('song-list'),
|
|
AlbumCard: this.stub('album-card'),
|
|
AlbumInfo: this.stub('album-info')
|
|
}
|
|
}
|
|
})
|
|
|
|
await waitFor(() => {
|
|
expect(resolveAlbumMock).toHaveBeenCalledWith(album.id)
|
|
expect(fetchSongsMock).toHaveBeenCalledWith(album.id)
|
|
})
|
|
|
|
await this.tick(2)
|
|
|
|
return rendered
|
|
}
|
|
|
|
protected test () {
|
|
it('downloads', async () => {
|
|
const downloadMock = this.mock(downloadService, 'fromAlbum')
|
|
const { getByText } = await this.renderComponent()
|
|
|
|
await fireEvent.click(getByText('Download All'))
|
|
|
|
expect(downloadMock).toHaveBeenCalledWith(album)
|
|
})
|
|
|
|
it('goes back to list if album is deleted', async () => {
|
|
const goMock = this.mock(this.router, 'go')
|
|
const byIdMock = this.mock(albumStore, 'byId', null)
|
|
await this.renderComponent()
|
|
|
|
eventBus.emit('SONGS_UPDATED')
|
|
|
|
await waitFor(() => {
|
|
expect(byIdMock).toHaveBeenCalledWith(album.id)
|
|
expect(goMock).toHaveBeenCalledWith('albums')
|
|
})
|
|
})
|
|
|
|
it('shows the song list', async () => {
|
|
const { getByTestId } = await this.renderComponent()
|
|
getByTestId('song-list')
|
|
})
|
|
|
|
it('shows other albums from the same artist', async () => {
|
|
const albums = factory<Album>('album', 3)
|
|
albums.push(album)
|
|
const fetchMock = this.mock(albumStore, 'fetchForArtist').mockResolvedValue(albums)
|
|
const { getByLabelText, getAllByTestId } = await this.renderComponent()
|
|
|
|
await fireEvent.click(getByLabelText('Other Albums'))
|
|
|
|
await waitFor(() => {
|
|
expect(fetchMock).toHaveBeenCalledWith(album.artist_id)
|
|
expect(getAllByTestId('album-card')).toHaveLength(3) // current album is excluded
|
|
})
|
|
})
|
|
}
|
|
}
|