mirror of
https://github.com/koel/koel
synced 2024-11-28 15:00:42 +00:00
125 lines
4.4 KiB
TypeScript
125 lines
4.4 KiB
TypeScript
import { expect, it } from 'vitest'
|
|
import factory from '@/__tests__/factory'
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
|
import { arrayify, eventBus } from '@/utils'
|
|
import { ModalContextKey } from '@/symbols'
|
|
import { ref } from 'vue'
|
|
import { screen } from '@testing-library/vue'
|
|
import { songStore } from '@/stores'
|
|
import { MessageToasterStub } from '@/__tests__/stubs'
|
|
import EditSongForm from './EditSongForm.vue'
|
|
|
|
let songs: Song[]
|
|
|
|
new class extends UnitTestCase {
|
|
private async renderComponent (_songs: Song | Song[], initialTab: EditSongFormTabName = 'details') {
|
|
songs = arrayify(_songs)
|
|
|
|
const rendered = this.render(EditSongForm, {
|
|
global: {
|
|
provide: {
|
|
[<symbol>ModalContextKey]: [ref({
|
|
songs,
|
|
initialTab
|
|
})]
|
|
}
|
|
}
|
|
})
|
|
|
|
await this.tick()
|
|
|
|
return rendered
|
|
}
|
|
|
|
protected test () {
|
|
it('edits a single song', async () => {
|
|
const updateMock = this.mock(songStore, 'update')
|
|
const emitMock = this.mock(eventBus, 'emit')
|
|
const alertMock = this.mock(MessageToasterStub.value, 'success')
|
|
|
|
const { html } = await this.renderComponent(factory<Song>('song', {
|
|
title: 'Rocket to Heaven',
|
|
artist_name: 'Led Zeppelin',
|
|
album_name: 'IV',
|
|
album_cover: 'http://test/album.jpg',
|
|
genre: 'Rock'
|
|
}))
|
|
|
|
expect(html()).toMatchSnapshot()
|
|
|
|
await this.type(screen.getByTestId('title-input'), 'Highway to Hell')
|
|
await this.type(screen.getByTestId('artist-input'), 'AC/DC')
|
|
await this.type(screen.getByTestId('albumArtist-input'), 'AC/DC')
|
|
await this.type(screen.getByTestId('album-input'), 'Back in Black')
|
|
await this.type(screen.getByTestId('disc-input'), '1')
|
|
await this.type(screen.getByTestId('track-input'), '10')
|
|
await this.type(screen.getByTestId('genre-input'), 'Rock & Roll')
|
|
await this.type(screen.getByTestId('year-input'), '1971')
|
|
await this.type(screen.getByTestId('lyrics-input'), 'I\'m gonna make him an offer he can\'t refuse')
|
|
|
|
await this.user.click(screen.getByRole('button', { name: 'Update' }))
|
|
|
|
expect(updateMock).toHaveBeenCalledWith(songs, {
|
|
title: 'Highway to Hell',
|
|
album_name: 'Back in Black',
|
|
artist_name: 'AC/DC',
|
|
album_artist_name: 'AC/DC',
|
|
lyrics: 'I\'m gonna make him an offer he can\'t refuse',
|
|
track: 10,
|
|
disc: 1,
|
|
genre: 'Rock & Roll',
|
|
year: 1971
|
|
})
|
|
|
|
expect(alertMock).toHaveBeenCalledWith('Updated 1 song.')
|
|
expect(emitMock).toHaveBeenCalledWith('SONGS_UPDATED')
|
|
})
|
|
|
|
it('edits multiple songs', async () => {
|
|
const updateMock = this.mock(songStore, 'update')
|
|
const emitMock = this.mock(eventBus, 'emit')
|
|
const alertMock = this.mock(MessageToasterStub.value, 'success')
|
|
|
|
const { html } = await this.renderComponent(factory<Song>('song', 3))
|
|
|
|
expect(html()).toMatchSnapshot()
|
|
expect(screen.queryByTestId('title-input')).toBeNull()
|
|
expect(screen.queryByTestId('lyrics-input')).toBeNull()
|
|
|
|
await this.type(screen.getByTestId('artist-input'), 'AC/DC')
|
|
await this.type(screen.getByTestId('albumArtist-input'), 'AC/DC')
|
|
await this.type(screen.getByTestId('album-input'), 'Back in Black')
|
|
await this.type(screen.getByTestId('disc-input'), '1')
|
|
await this.type(screen.getByTestId('track-input'), '10')
|
|
await this.type(screen.getByTestId('year-input'), '1990')
|
|
await this.type(screen.getByTestId('genre-input'), 'Pop')
|
|
|
|
await this.user.click(screen.getByRole('button', { name: 'Update' }))
|
|
|
|
expect(updateMock).toHaveBeenCalledWith(songs, {
|
|
album_name: 'Back in Black',
|
|
artist_name: 'AC/DC',
|
|
album_artist_name: 'AC/DC',
|
|
track: 10,
|
|
disc: 1,
|
|
genre: 'Pop',
|
|
year: 1990
|
|
})
|
|
|
|
expect(alertMock).toHaveBeenCalledWith('Updated 3 songs.')
|
|
expect(emitMock).toHaveBeenCalledWith('SONGS_UPDATED')
|
|
})
|
|
|
|
it('displays artist name if all songs have the same artist', async () => {
|
|
await this.renderComponent(factory<Song>('song', 4, {
|
|
artist_id: 1000,
|
|
artist_name: 'Led Zeppelin',
|
|
album_id: 1001,
|
|
album_name: 'IV'
|
|
}))
|
|
|
|
expect(screen.getByTestId('displayed-artist-name').textContent).toBe('Led Zeppelin')
|
|
expect(screen.getByTestId('displayed-album-name').textContent).toBe('IV')
|
|
})
|
|
}
|
|
}
|