fix(date) : efface l'erreur de saisie manuelle quand modelValue change
This commit is contained in:
@@ -18,6 +18,8 @@ type DateProps = {
|
|||||||
min?: string
|
min?: string
|
||||||
max?: string
|
max?: string
|
||||||
clearable?: boolean
|
clearable?: boolean
|
||||||
|
editable?: boolean
|
||||||
|
invalidMessage?: string
|
||||||
inputClass?: string
|
inputClass?: string
|
||||||
labelClass?: string
|
labelClass?: string
|
||||||
groupClass?: string
|
groupClass?: string
|
||||||
@@ -258,4 +260,16 @@ describe('MalioDate', () => {
|
|||||||
expect(msg.classes()).not.toContain('min-h-[1rem]')
|
expect(msg.classes()).not.toContain('min-h-[1rem]')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
describe('saisie manuelle (editable)', () => {
|
||||||
|
it('efface l\'erreur de saisie quand modelValue change de l\'extérieur', async () => {
|
||||||
|
const wrapper = mountDate({editable: true})
|
||||||
|
const input = wrapper.get('[data-test="date-input"]')
|
||||||
|
await input.setValue('32/13/2026')
|
||||||
|
await input.trigger('blur')
|
||||||
|
expect(wrapper.text()).toContain('Date invalide')
|
||||||
|
await wrapper.setProps({modelValue: '2026-05-19'})
|
||||||
|
expect(wrapper.text()).not.toContain('Date invalide')
|
||||||
|
})
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -122,6 +122,7 @@ const onSelect = (iso: string, close: () => void) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
watch(() => props.modelValue, (val) => {
|
watch(() => props.modelValue, (val) => {
|
||||||
|
internalError.value = ''
|
||||||
if (val && !isValidIso(val) && import.meta.dev) {
|
if (val && !isValidIso(val) && import.meta.dev) {
|
||||||
console.warn(`[MalioDate] modelValue invalide ignoré : "${val}"`)
|
console.warn(`[MalioDate] modelValue invalide ignoré : "${val}"`)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user