MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : Revoir la config couleur tailwind

Browse Source
This commit is contained in:
Autin
2026-03-24 10:01:58 +01:00
parent 04f16c1f04
commit ae2ca40458
13 changed files with 48 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/components/malio/input/Input.test.ts
View File

@@ -161,19 +161,19 @@ describe('MalioInputText', () => {
it('shows error message without label and icon', () => {
const wrapper = mountInput({error: 'Error message test'})
expect(wrapper.get('p.text-m-error').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-error')
expect(wrapper.get('p.text-m-danger').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-danger')
expect(wrapper.get('input').attributes('aria-invalid')).toBe('true')
expect(wrapper.get('p').classes()).toContain('text-m-error')
expect(wrapper.get('p').classes()).toContain('text-m-danger')
})
it('shows error message with label and without icon', () => {
const wrapper = mountInput({error: 'Error message test', label: 'Error message'})
expect(wrapper.get('p.text-m-error').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-error')
expect(wrapper.get('label').classes()).toContain('text-m-error')
expect(wrapper.get('p').classes()).toContain('text-m-error')
expect(wrapper.get('p.text-m-danger').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-danger')
expect(wrapper.get('label').classes()).toContain('text-m-danger')
expect(wrapper.get('p').classes()).toContain('text-m-danger')
})
it('shows error message with label and icon', () => {
@@ -183,19 +183,19 @@ describe('MalioInputText', () => {
iconName: 'mdi:key-outline',
})
expect(wrapper.get('p.text-m-error').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-error')
expect(wrapper.get('label').classes()).toContain('text-m-error')
expect(wrapper.get('[data-test="icon"]').classes()).toContain('text-m-error')
expect(wrapper.get('p').classes()).toContain('text-m-error')
expect(wrapper.get('p.text-m-danger').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-danger')
expect(wrapper.get('label').classes()).toContain('text-m-danger')
expect(wrapper.get('[data-test="icon"]').classes()).toContain('text-m-danger')
expect(wrapper.get('p').classes()).toContain('text-m-danger')
})
it('shows error message with icon and without label', () => {
const wrapper = mountInput({error: 'Error message test', iconName: 'mdi:key-outline'})
expect(wrapper.get('p.text-m-error').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-error')
expect(wrapper.get('[data-test="icon"]').classes()).toContain('text-m-error')
expect(wrapper.get('p.text-m-danger').text()).toBe('Error message test')
expect(wrapper.get('input').classes()).toContain('border-m-danger')
expect(wrapper.get('[data-test="icon"]').classes()).toContain('text-m-danger')
})
it('shows success message without label and icon', () => {
@@ -240,10 +240,10 @@ describe('MalioInputText', () => {
success: 'Success message test',
})
expect(wrapper.find('p.text-m-error').exists()).toBe(true)
expect(wrapper.get('p.text-m-error').text()).toBe('Error message test')
expect(wrapper.find('p.text-m-danger').exists()).toBe(true)
expect(wrapper.get('p.text-m-danger').text()).toBe('Error message test')
expect(wrapper.find('p.text-m-success').exists()).toBe(false)
expect(wrapper.get('input').classes()).toContain('border-m-error')
expect(wrapper.get('input').classes()).toContain('border-m-danger')
expect(wrapper.get('input').classes()).not.toContain('border-m-success')
})