test: Added iconRight props test

This commit is contained in:
Paul Valerie GOMA 2025-07-19 15:17:02 +02:00
parent 3e80826802
commit e8f1d33441

View File

@ -35,4 +35,41 @@ describe('VButton', () => {
// check that the aria-label attribute is correctly defined
expect(button.attributes('aria-label')).toBe('label')
})
test('Displays label and button icon when both are set', () => {
const wrapper = mount(VButton, {
props: {
title: 'button',
label: 'label',
icon: 'ri-settings-4-line'
}
})
const button = wrapper.find('button')
// check the rendering contains button label value
expect(button.text()).toBe('label')
// Check the icon is present
const icon = button.find('.p-button-icon')
expect(icon.exists()).toBe(true)
expect(icon.classes()).toContain('ri-settings-4-line')
// check if the button icon is shown on left by default
expect(icon.classes()).toContain('p-button-icon-left')
// check that the aria-label attribute is correctly defined
expect(button.attributes('aria-label')).toBe('label')
})
test('Displays button icon on right when iconRight props is set', () => {
const wrapper = mount(VButton, {
props: {
title: 'button',
label: 'label',
icon: 'ri-settings-4-line',
iconRight: true
}
})
const button = wrapper.find('button')
// Check if button icon is on right
const iconRight = button.find('.p-button-icon-right')
expect(iconRight.exists()).toBe(true)
expect(iconRight.classes()).not.toContain('p-button-icon-left')
})
})