Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✅ test: Added iconOnly props test

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-19 14:24:54 +02:00
parent e8921723ba
commit 3e80826802
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
test/VButton.spec.ts
View File

@ -14,5 +14,25 @@ describe('VButton', () => {
expect(wrapper.props('label')).toBe('button label')
// Checks that the rendering contains the expected value
expect(wrapper.text()).toContain('button label')
});
test('Displays only icon button when iconOnly props is set', () => {
const wrapper = mount(VButton, {
props: {
icon: 'ri-settings-4-line',
iconOnly: true,
label: 'label',
title: 'button'
}
})
const button = wrapper.find('button')
// check the rendering doesn't contain any button label
expect(button.text()).toBe('')
// 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 that the aria-label attribute is correctly defined
expect(button.attributes('aria-label')).toBe('label')
})
})