mirror of
https://github.com/koel/koel
synced 2024-12-24 19:43:06 +00:00
60 lines
1.5 KiB
TypeScript
60 lines
1.5 KiB
TypeScript
import { expect, it } from 'vitest'
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
|
import { screen } from '@testing-library/vue'
|
|
import type { UploadFile, UploadStatus } from '@/services'
|
|
import { uploadService } from '@/services'
|
|
import Btn from '@/components/ui/form/Btn.vue'
|
|
import UploadItem from './UploadItem.vue'
|
|
|
|
let file: UploadFile
|
|
|
|
new class extends UnitTestCase {
|
|
protected test () {
|
|
it('renders', () => expect(this.renderComponent('Canceled').html()).toMatchSnapshot())
|
|
|
|
it.each<[UploadStatus]>([['Canceled'], ['Errored']])('allows retrying when %s', async status => {
|
|
const mock = this.mock(uploadService, 'retry')
|
|
this.renderComponent(status)
|
|
|
|
await this.user.click(screen.getByRole('button', { name: 'Retry' }))
|
|
|
|
expect(mock).toHaveBeenCalled()
|
|
})
|
|
|
|
it.each<[UploadStatus]>([
|
|
['Uploaded'],
|
|
['Errored'],
|
|
['Canceled'],
|
|
],
|
|
)('allows removal if not uploading', async status => {
|
|
const mock = this.mock(uploadService, 'remove')
|
|
this.renderComponent(status)
|
|
|
|
await this.user.click(screen.getByRole('button', { name: 'Remove' }))
|
|
|
|
expect(mock).toHaveBeenCalled()
|
|
})
|
|
}
|
|
|
|
private renderComponent (status: UploadStatus) {
|
|
file = {
|
|
status,
|
|
file: new File([], 'sample.mp3'),
|
|
id: 'x-file',
|
|
message: '',
|
|
name: 'Sample Track',
|
|
progress: 42,
|
|
}
|
|
|
|
return this.render(UploadItem, {
|
|
props: {
|
|
file,
|
|
},
|
|
global: {
|
|
stubs: {
|
|
Btn,
|
|
},
|
|
},
|
|
})
|
|
}
|
|
}
|