Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 06:34:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(test): add ScreenEmptyState component tests

Browse source
This commit is contained in:
Phan An 2022-05-12 10:46:41 +02:00
parent 3196d138c1
commit 69ce0f5f9d
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
3 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/ui/ScreenControlsToggler.spec.ts
View file

@ -1,8 +1,8 @@
import isMobile from 'ismobilejs'
import { expect, it } from 'vitest'
import { fireEvent } from '@testing-library/vue'
import ComponentTestCase from '@/__tests__/ComponentTestCase'
import ScreenControlsToggler from './ScreenControlsToggler.vue'
import { fireEvent } from '@testing-library/vue'
new class extends ComponentTestCase {
protected test () {

16
resources/assets/js/components/ui/ScreenEmptyState.spec.ts Normal file
View file

@ -0,0 +1,16 @@
import { expect, it } from 'vitest'
import ComponentTestCase from '@/__tests__/ComponentTestCase'
import ScreenEmptyState from './ScreenEmptyState.vue'
new class extends ComponentTestCase {
protected test () {
it('renders', () => {
expect(this.render(ScreenEmptyState, {
slots: {
icon: '<i class="my-icon"/>',
default: 'Nothing here'
}
}).html()).toMatchSnapshot()
})
}
}

9
resources/assets/js/components/ui/__snapshots__/ScreenEmptyState.spec.ts.snap Normal file
View file

@ -0,0 +1,9 @@
// Vitest Snapshot v1
exports[`renders 1`] = `
"<div class=\\"screen-empty-state\\" data-testid=\\"screen-empty-state\\">
<div><span class=\\"jumbo-icon\\"><i class=\\"my-icon\\"></i></span>
<div class=\\"text\\">Nothing here</div>
</div>
</div>"
`;