mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
27 lines
1.2 KiB
TypeScript
27 lines
1.2 KiB
TypeScript
import { describe, it, expect } from 'vitest'
|
|
import PageLogos from '../../src/runtime/components/PageLogos.vue'
|
|
import type { PageLogosProps, PageLogosSlots } from '../../src/runtime/components/PageLogos.vue'
|
|
import ComponentRender from '../component-render'
|
|
|
|
describe('PageLogos', () => {
|
|
const items = [
|
|
{ src: 'https://avatars.githubusercontent.com/u/739984?v=4', alt: 'Benjamin Canac' },
|
|
{ src: 'https://avatars.githubusercontent.com/u/71938701?v=4', alt: 'Hugo Richard' }
|
|
]
|
|
it.each([
|
|
// Props
|
|
['with as', { props: { as: 'section' } }],
|
|
['with class', { props: { class: 'text-xl' } }],
|
|
['with title', { props: { title: 'Title' } }],
|
|
['with items', { props: { items } }],
|
|
['with marquee', { props: { marquee: true, items } }],
|
|
['with ui', { props: { ui: { title: 'font-bold text-xl' } } }],
|
|
// Slots
|
|
['with default slot', { slots: { default: () => 'Default slot' } }],
|
|
['with default slot', { slots: { default: () => 'Default slot' } }]
|
|
])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageLogosProps, slots?: Partial<PageLogosSlots> }) => {
|
|
const html = await ComponentRender(nameOrHtml, options, PageLogos)
|
|
expect(html).toMatchSnapshot()
|
|
})
|
|
})
|