mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
31 lines
1.2 KiB
TypeScript
31 lines
1.2 KiB
TypeScript
import { describe, it, expect } from 'vitest'
|
|
import Tabs, { type TabsProps } from '../../src/runtime/components/Tabs.vue'
|
|
import ComponentRender from '../component-render'
|
|
|
|
const items = [{
|
|
label: 'Tab1',
|
|
content: 'This is the content shown for Tab1'
|
|
}, {
|
|
label: 'Tab2',
|
|
content: 'And, this is the content for Tab2'
|
|
}, {
|
|
label: 'Tab3',
|
|
content: 'Finally, this is the content for Tab3'
|
|
}]
|
|
|
|
describe('Tabs', () => {
|
|
it.each([
|
|
['basic case', { props: { items } }],
|
|
['with class', { props: { items, class: 'w-96' } }],
|
|
['with ui', { props: { items, ui: { content: 'w-full ring ring-gray-200 dark:ring-gray-800' } } }],
|
|
['with orientation', { props: { items, orientation: 'vertical' as const } }],
|
|
['with modelValue', { props: { items, modelValue: '1' } }],
|
|
['with defaultValue', { props: { items, defaultValue: '1' } }],
|
|
['with default slot', { props: { items }, slots: { default: () => 'Default slot' } }],
|
|
['with item slot', { props: { items }, slots: { item: () => 'Item slot' } }]
|
|
])('renders %s correctly', async (nameOrHtml: string, options: { props?: TabsProps<typeof items[number]>, slots?: any }) => {
|
|
const html = await ComponentRender(nameOrHtml, options, Tabs)
|
|
expect(html).toMatchSnapshot()
|
|
})
|
|
})
|