Matthew L McPeak
7bb554aeb0
Also: fixes DialogContent/DialogFooter's close/action buttons to use our actual Button variant set (secondary) instead of the CLI's default ghost/outline variants, which don't exist on our re-themed Button. Adds an eslint override so shadcn-vue's single-word ui/ component names (Button.vue, Dialog.vue, ...) aren't flagged by vue/multi-word-component-names. This was the last PrimeVue-wrapped component, so lib/index.ts no longer imports anything from primevue or uses the ptThemeable helper. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { describe, it, expect } from 'vitest'
|
|
import { h, nextTick } from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import { Dialog, DialogContent, DialogTitle } from '../src/lib'
|
|
|
|
describe('Dialog', () => {
|
|
it('does not render content when closed', async () => {
|
|
mount(Dialog, {
|
|
props: { open: false },
|
|
slots: {
|
|
default: () => h(DialogContent, undefined, {
|
|
default: () => h(DialogTitle, undefined, { default: () => 'Oracle of Delphi' }),
|
|
}),
|
|
},
|
|
attachTo: document.body,
|
|
})
|
|
await nextTick()
|
|
expect(document.body.textContent).not.toContain('Oracle of Delphi')
|
|
})
|
|
|
|
it('renders content in a teleported portal when open', async () => {
|
|
mount(Dialog, {
|
|
props: { open: true },
|
|
slots: {
|
|
default: () => h(DialogContent, undefined, {
|
|
default: () => h(DialogTitle, undefined, { default: () => 'Oracle of Delphi' }),
|
|
}),
|
|
},
|
|
attachTo: document.body,
|
|
})
|
|
await nextTick()
|
|
await nextTick()
|
|
expect(document.body.textContent).toContain('Oracle of Delphi')
|
|
})
|
|
})
|