mirror of
https://github.com/koel/koel
synced 2024-12-05 02:09:54 +00:00
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import { expect, it } from 'vitest'
|
|
import { fireEvent } from '@testing-library/vue'
|
|
import factory from '@/__tests__/factory'
|
|
import { commonStore } from '@/stores'
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
|
import ExtraPanel from './ExtraPanel.vue'
|
|
|
|
new class extends UnitTestCase {
|
|
private renderComponent () {
|
|
return this.render(ExtraPanel, {
|
|
props: {
|
|
song: factory<Song>('song')
|
|
},
|
|
global: {
|
|
stubs: {
|
|
LyricsPane: this.stub(),
|
|
AlbumInfo: this.stub(),
|
|
ArtistInfo: this.stub(),
|
|
YouTubeVideoList: this.stub()
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
protected test () {
|
|
it('has a YouTube tab if using YouTube ', () => {
|
|
commonStore.state.use_you_tube = true
|
|
const { getByTestId } = this.renderComponent()
|
|
|
|
getByTestId('extra-tab-youtube')
|
|
})
|
|
|
|
it('does not have a YouTube tab if not using YouTube', async () => {
|
|
commonStore.state.use_you_tube = false
|
|
const { queryByTestId } = this.renderComponent()
|
|
|
|
expect(await queryByTestId('extra-tab-youtube')).toBeNull()
|
|
})
|
|
|
|
it.each([['extra-tab-lyrics'], ['extra-tab-album'], ['extra-tab-artist']])('switches to "%s" tab', async (id) => {
|
|
const { getByTestId, container } = this.renderComponent()
|
|
|
|
await fireEvent.click(getByTestId(id))
|
|
|
|
expect(container.querySelector('[aria-selected=true]')).toBe(getByTestId(id))
|
|
})
|
|
}
|
|
}
|