koel/resources/assets/js/components/album/AlbumInfo.spec.ts

57 lines
1.5 KiB
TypeScript
Raw Normal View History

import { screen } from '@testing-library/vue'
import { expect, it } from 'vitest'
2022-05-03 16:51:59 +00:00
import factory from '@/__tests__/factory'
2022-05-13 17:58:38 +00:00
import UnitTestCase from '@/__tests__/UnitTestCase'
import { commonStore } from '@/stores'
import { mediaInfoService } from '@/services'
2022-07-10 13:50:41 +00:00
import AlbumInfoComponent from './AlbumInfo.vue'
2022-07-10 09:31:55 +00:00
let album: Album
2022-05-03 16:51:59 +00:00
2022-05-13 17:58:38 +00:00
new class extends UnitTestCase {
2024-04-23 21:01:27 +00:00
protected test () {
it.each<[MediaInfoDisplayMode]>([['aside'], ['full']])('renders in %s mode', async mode => {
2024-04-23 21:01:27 +00:00
await this.renderComponent(mode)
screen.getByTestId('album-info-tracks')
if (mode === 'aside') {
screen.getByTestId('thumbnail')
} else {
expect(screen.queryByTestId('thumbnail')).toBeNull()
}
expect(screen.getByTestId('album-info').classList.contains(mode)).toBe(true)
})
}
2022-07-10 09:31:55 +00:00
private async renderComponent (mode: MediaInfoDisplayMode = 'aside', info?: AlbumInfo) {
2024-01-04 11:35:36 +00:00
commonStore.state.uses_last_fm = true
2022-07-10 09:31:55 +00:00
if (info === undefined) {
info = factory('album-info')
2022-07-10 09:31:55 +00:00
}
album = factory('album', { name: 'IV' })
2022-07-10 09:31:55 +00:00
const fetchMock = this.mock(mediaInfoService, 'fetchForAlbum').mockResolvedValue(info)
2022-07-10 13:50:41 +00:00
const rendered = this.render(AlbumInfoComponent, {
2022-07-10 09:31:55 +00:00
props: {
album,
mode,
2022-07-10 09:31:55 +00:00
},
global: {
stubs: {
TrackList: this.stub(),
AlbumThumbnail: this.stub('thumbnail'),
},
},
2022-07-10 09:31:55 +00:00
})
await this.tick(1)
expect(fetchMock).toHaveBeenCalledWith(album)
return rendered
}
}