koel/resources/assets/js/components/layout/app-footer/FooterSongInfo.spec.ts
2024-10-14 00:37:01 +07:00

30 lines
903 B
TypeScript

import { expect, it } from 'vitest'
import { ref } from 'vue'
import factory from '@/__tests__/factory'
import UnitTestCase from '@/__tests__/UnitTestCase'
import { CurrentPlayableKey } from '@/symbols'
import FooterSongInfo from './FooterSongInfo.vue'
new class extends UnitTestCase {
protected test () {
it('renders with no current song', () => expect(this.render(FooterSongInfo).html()).toMatchSnapshot())
it('renders with current song', () => {
const song = factory('song', {
title: 'Fahrstuhl zum Mond',
album_cover: 'https://via.placeholder.com/150',
playback_state: 'Playing',
artist_id: 10,
artist_name: 'Led Zeppelin',
})
expect(this.render(FooterSongInfo, {
global: {
provide: {
[<symbol>CurrentPlayableKey]: ref(song),
},
},
}).html()).toMatchSnapshot()
})
}
}