mirror of
https://github.com/koel/koel
synced 2024-12-20 17:43:36 +00:00
35 lines
874 B
TypeScript
35 lines
874 B
TypeScript
import { expect, it } from 'vitest'
|
|
import UnitTestCase from '@/__tests__/UnitTestCase'
|
|
import { screen } from '@testing-library/vue'
|
|
import { faHome } from '@fortawesome/free-solid-svg-icons'
|
|
import SidebarItem from './SidebarItem.vue'
|
|
|
|
new class extends UnitTestCase {
|
|
protected test () {
|
|
it('renders', () => expect(this.renderComponent().html()).toMatchSnapshot())
|
|
|
|
it('activates when the screen matches', async () => {
|
|
this.renderComponent()
|
|
|
|
await this.router.activateRoute({
|
|
screen: 'Home',
|
|
path: '_'
|
|
})
|
|
|
|
expect(screen.getByTestId('sidebar-item').classList.contains('current')).toBe(true)
|
|
})
|
|
}
|
|
|
|
private renderComponent () {
|
|
return this.render(SidebarItem, {
|
|
props: {
|
|
icon: faHome,
|
|
href: '#',
|
|
screen: 'Home'
|
|
},
|
|
slots: {
|
|
default: 'Home'
|
|
}
|
|
})
|
|
}
|
|
}
|