38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
|
import { describe, it, expect } from 'vitest'
|
||
|
|
import { mount } from '@vue/test-utils'
|
||
|
|
import VMessage from '../src/components/message/VMessage.vue'
|
||
|
|
|
||
|
|
describe('VMessage.vue', () => {
|
||
|
|
it('renders the title', () => {
|
||
|
|
const wrapper = mount(VMessage, {
|
||
|
|
props: { title: 'Test Message' }
|
||
|
|
})
|
||
|
|
expect(wrapper.text()).toContain('Test Message')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('shows the correct icon class for type "alert"', () => {
|
||
|
|
const wrapper = mount(VMessage, {
|
||
|
|
props: { title: 'Alert Message', type: 'alert' }
|
||
|
|
})
|
||
|
|
const icon = wrapper.find('i')
|
||
|
|
expect(icon.classes()).toContain('ri-spam-fill')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('shows the close button if closable is true', () => {
|
||
|
|
const wrapper = mount(VMessage, {
|
||
|
|
props: { title: 'Closable Message', closable: true }
|
||
|
|
})
|
||
|
|
const button = wrapper.find('button[aria-label="Fermer"]')
|
||
|
|
expect(button.exists()).toBe(true)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('emits close event when close button is clicked', async () => {
|
||
|
|
const wrapper = mount(VMessage, {
|
||
|
|
props: { title: 'Closable Message', closable: true }
|
||
|
|
})
|
||
|
|
const button = wrapper.find('button[aria-label="Fermer"]')
|
||
|
|
await button.trigger('click')
|
||
|
|
expect(wrapper.emitted()).toHaveProperty('close')
|
||
|
|
})
|
||
|
|
})
|