mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
24 lines
1.0 KiB
TypeScript
24 lines
1.0 KiB
TypeScript
import { describe, it, expect } from 'vitest'
|
|
import { mountSuspended } from '@nuxt/test-utils/runtime'
|
|
import ContentSearchButton from '../../../src/runtime/components/content/ContentSearchButton.vue'
|
|
import { renderEach } from '../../component-render'
|
|
|
|
describe('DashboardSearchButton', () => {
|
|
renderEach(ContentSearchButton, [
|
|
// Props
|
|
['with label', { props: { label: 'Open' } }],
|
|
['with icon', { props: { icon: 'i-lucide-house' } }],
|
|
['with kbds', { props: { kbds: ['alt', 'o'] } }],
|
|
['without collapsed', { props: { collapsed: false } }],
|
|
['with class', { props: { class: 'w-full' } }]
|
|
])
|
|
|
|
it('hides the icon when icon is false', async () => {
|
|
const withIcon = await mountSuspended(ContentSearchButton, { props: { collapsed: false } })
|
|
expect(withIcon.find('[data-slot="leadingIcon"]').exists()).toBe(true)
|
|
|
|
const withoutIcon = await mountSuspended(ContentSearchButton, { props: { collapsed: false, icon: false } })
|
|
expect(withoutIcon.find('[data-slot="leadingIcon"]').exists()).toBe(false)
|
|
})
|
|
})
|