feat : refacto de la config couleur
This commit is contained in:
@@ -106,7 +106,7 @@ describe('MalioButtonIcon', () => {
|
||||
const wrapper = mountComponent({icon: 'mdi:arrow-left', ariaLabel: 'Retour', disabled: true})
|
||||
|
||||
expect(wrapper.get('button').classes()).toContain('cursor-not-allowed')
|
||||
expect(wrapper.get('button').classes()).toContain('bg-m-btn-disabled')
|
||||
expect(wrapper.get('button').classes()).toContain('bg-m-disabled')
|
||||
})
|
||||
|
||||
it('applies cursor-pointer when not disabled', () => {
|
||||
@@ -124,7 +124,7 @@ describe('MalioButtonIcon', () => {
|
||||
it('applies default background color', () => {
|
||||
const wrapper = mountComponent()
|
||||
|
||||
expect(wrapper.get('button').classes()).toContain('bg-m-btn-default')
|
||||
expect(wrapper.get('button').classes()).toContain('bg-m-btn-primary')
|
||||
})
|
||||
|
||||
it('applies buttonClass', () => {
|
||||
@@ -136,16 +136,16 @@ describe('MalioButtonIcon', () => {
|
||||
it('applies ghost variant with no background and colored icon', () => {
|
||||
const wrapper = mountComponent({icon: 'mdi:arrow-left', ariaLabel: 'Retour', variant: 'ghost'})
|
||||
|
||||
expect(wrapper.get('button').classes()).toContain('text-m-btn-default')
|
||||
expect(wrapper.get('button').classes()).not.toContain('bg-m-btn-default')
|
||||
expect(wrapper.get('button').classes()).toContain('text-m-btn-primary')
|
||||
expect(wrapper.get('button').classes()).not.toContain('bg-m-btn-primary')
|
||||
expect(wrapper.get('button').classes()).not.toContain('text-white')
|
||||
})
|
||||
|
||||
it('applies ghost disabled styles with no background', () => {
|
||||
const wrapper = mountComponent({icon: 'mdi:arrow-left', ariaLabel: 'Retour', variant: 'ghost', disabled: true})
|
||||
|
||||
expect(wrapper.get('button').classes()).toContain('text-m-btn-disabled')
|
||||
expect(wrapper.get('button').classes()).toContain('text-m-disabled')
|
||||
expect(wrapper.get('button').classes()).toContain('cursor-not-allowed')
|
||||
expect(wrapper.get('button').classes()).not.toContain('bg-m-btn-disabled')
|
||||
expect(wrapper.get('button').classes()).not.toContain('bg-m-disabled')
|
||||
})
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user