✅ test: Added iconRight props test
This commit is contained in:
parent
3e80826802
commit
e8f1d33441
|
@ -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')
|
||||
})
|
||||
})
|
||||
|
|
Loading…
Reference in New Issue
Block a user