mirror of
https://github.com/koel/koel
synced 2024-12-20 09:33:23 +00:00
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
|
import { expect, it } from 'vitest'
|
||
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
||
|
import factory from '@/__tests__/factory'
|
||
|
import Component from './PlayableDetails.vue'
|
||
|
|
||
|
new class extends UnitTestCase {
|
||
|
private renderComponent (playable: Playable) {
|
||
|
return this.render(Component, {
|
||
|
props: {
|
||
|
playable
|
||
|
},
|
||
|
global: {
|
||
|
provide: {
|
||
|
state: {
|
||
|
playable,
|
||
|
volume: 7
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
protected test () {
|
||
|
it('renders a song', () => {
|
||
|
const { html } = this.renderComponent(factory('song', {
|
||
|
title: 'Afraid to Shoot Strangers',
|
||
|
album_name: 'Fear of the Dark',
|
||
|
artist_name: 'Iron Maiden',
|
||
|
album_cover: 'https://cover.site/fotd.jpg'
|
||
|
}))
|
||
|
|
||
|
expect(html()).toMatchSnapshot()
|
||
|
})
|
||
|
|
||
|
it('renders an episode', () => {
|
||
|
const { html } = this.renderComponent(factory('episode', {
|
||
|
title: 'Brahms Piano Concerto No. 1',
|
||
|
podcast_title: 'The Sticky Notes podcast',
|
||
|
podcast_author: 'Some random dudes',
|
||
|
episode_image: 'https://cover.site/pod.jpg'
|
||
|
}))
|
||
|
|
||
|
expect(html()).toMatchSnapshot()
|
||
|
})
|
||
|
}
|
||
|
}
|