mirror of
https://github.com/koel/koel
synced 2024-12-28 05:23:05 +00:00
90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
import { merge, take } from 'lodash'
|
|
import { ref } from 'vue'
|
|
import { expect, it } from 'vitest'
|
|
import factory from '@/__tests__/factory'
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
|
import { PlayablesKey, SelectedPlayablesKey } from '@/symbols'
|
|
import { screen } from '@testing-library/vue'
|
|
import SongListControls from './SongListControls.vue'
|
|
|
|
new class extends UnitTestCase {
|
|
protected test () {
|
|
it.each([[0], [1]])('shuffles all if %s songs are selected', async (selectedCount: number) => {
|
|
const { emitted } = this.renderComponent(selectedCount)
|
|
|
|
await this.user.click(screen.getByTitle('Shuffle all. Press Alt/⌥ to change mode.'))
|
|
|
|
expect(emitted().playAll[0]).toEqual([true])
|
|
})
|
|
|
|
it.each([[0], [1]])('plays all if %s songs are selected with Alt pressed', async (selectedCount: number) => {
|
|
const { emitted } = this.renderComponent(selectedCount)
|
|
|
|
await this.user.keyboard('{Alt>}')
|
|
await this.user.click(screen.getByTitle('Play all. Press Alt/⌥ to change mode.'))
|
|
await this.user.keyboard('{/Alt}')
|
|
|
|
expect(emitted().playAll[0]).toEqual([false])
|
|
})
|
|
|
|
it('shuffles selected if more than one song are selected', async () => {
|
|
const { emitted } = this.renderComponent(2)
|
|
|
|
await this.user.click(screen.getByTitle('Shuffle selected. Press Alt/⌥ to change mode.'))
|
|
|
|
expect(emitted().playSelected[0]).toEqual([true])
|
|
})
|
|
|
|
it('plays selected if more than one song are selected with Alt pressed', async () => {
|
|
const { emitted } = this.renderComponent(2)
|
|
|
|
await this.user.keyboard('{Alt>}')
|
|
await this.user.click(screen.getByTitle('Play selected. Press Alt/⌥ to change mode.'))
|
|
await this.user.keyboard('{/Alt}')
|
|
|
|
expect(emitted().playSelected[0]).toEqual([false])
|
|
})
|
|
|
|
it('clears queue', async () => {
|
|
const { emitted } = this.renderComponent(0)
|
|
|
|
await this.user.click(screen.getByTitle('Clear current queue'))
|
|
|
|
expect(emitted().clearQueue).toBeTruthy()
|
|
})
|
|
|
|
it('deletes current playlist', async () => {
|
|
const { emitted } = this.renderComponent(0)
|
|
|
|
await this.user.click(screen.getByTitle('Delete this playlist'))
|
|
|
|
expect(emitted().deletePlaylist).toBeTruthy()
|
|
})
|
|
}
|
|
|
|
private renderComponent (selectedSongCount = 1, configOverrides: Partial<SongListControlsConfig> = {}) {
|
|
const songs = factory('song', 5)
|
|
const config: SongListControlsConfig = merge({
|
|
addTo: {
|
|
queue: true,
|
|
favorites: true
|
|
},
|
|
clearQueue: true,
|
|
deletePlaylist: true,
|
|
refresh: true,
|
|
filter: true
|
|
}, configOverrides)
|
|
|
|
return this.render(SongListControls, {
|
|
global: {
|
|
provide: {
|
|
[<symbol>PlayablesKey]: [ref(songs)],
|
|
[<symbol>SelectedPlayablesKey]: [ref(take(songs, selectedSongCount))]
|
|
}
|
|
},
|
|
props: {
|
|
config
|
|
}
|
|
})
|
|
}
|
|
}
|