fix(front) : reset des champs adresse dependants au changement de CP et de ville (4 blocs adresse) (ERP-193)

Changement du code postal (5 chiffres et different) → vide ville, adresse et complement. Selection d'une nouvelle ville → vide adresse et complement. Applique aux 4 blocs adresse (client, fournisseur, prestataire, transporteur).
2026-06-22 08:35:19 +02:00
parent 38ad7906ba
commit bb5421663f
5 changed files with 344 additions and 12 deletions
@@ -171,6 +171,182 @@ describe('ClientAddressBlock — mapping erreur par champ (ERP-101)', () => {
    })
 })

+/**
+ * Stub MalioInputText emetteur : re-expose `label` et relaie `update:model-value`,
+ * pour piloter le champ Code postal et observer le brouillon emis.
+ */
+const MalioInputTextEmitter = defineComponent({
+    name: 'MalioInputTextEmitter',
+    props: {
+        modelValue: { type: [String, Number, null], default: undefined },
+        label: { type: String, default: '' },
+    },
+    emits: ['update:modelValue'],
+    setup(props) {
+        return () => h('div', { 'data-testid': 'addr-input', 'data-label': props.label })
+    },
+})
+
+describe('ClientAddressBlock — changement de code postal vide les champs dependants (ERP-193)', () => {
+    beforeEach(() => {
+        searchCityMock.mockReset()
+        searchCityMock.mockResolvedValue([])
+    })
+
+    function mountFilled() {
+        return mount(ClientAddressBlock, {
+            props: {
+                modelValue: {
+                    ...emptyAddress(),
+                    postalCode: '75001',
+                    city: 'Paris',
+                    street: '8 Boulevard du Port',
+                    streetComplement: 'Bat A',
+                },
+                title: 'Adresse',
+                categoryOptions: [],
+                siteOptions: [],
+                contactOptions: [],
+                countryOptions: [],
+            },
+            global: {
+                stubs: {
+                    MalioButtonIcon: true,
+                    MalioCheckbox: true,
+                    MalioSelect: true,
+                    MalioSelectCheckbox: true,
+                    MalioInputAutocomplete: MalioInputAutocompleteStub,
+                    MalioInputText: MalioInputTextEmitter,
+                },
+            },
+        })
+    }
+
+    function postalCodeField(wrapper: ReturnType<typeof mountFilled>) {
+        return wrapper.findAllComponents(MalioInputTextEmitter).find(
+            c => c.props('label') === 'commercial.clients.form.address.postalCode',
+        )
+    }
+
+    it('vide ville, adresse et complement quand le CP complet change', async () => {
+        const wrapper = mountFilled()
+
+        postalCodeField(wrapper)!.vm.$emit('update:modelValue', '33000')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.postalCode).toBe('33000')
+        expect(last.city).toBeNull()
+        expect(last.street).toBeNull()
+        expect(last.streetComplement).toBeNull()
+    })
+
+    it('ne vide pas les champs si le CP reste incomplet (< 5 chiffres)', async () => {
+        const wrapper = mountFilled()
+
+        postalCodeField(wrapper)!.vm.$emit('update:modelValue', '7500')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.postalCode).toBe('7500')
+        expect(last.city).toBe('Paris')
+        expect(last.street).toBe('8 Boulevard du Port')
+        expect(last.streetComplement).toBe('Bat A')
+    })
+
+    it('ne vide pas les champs si le CP complet est identique', async () => {
+        const wrapper = mountFilled()
+
+        postalCodeField(wrapper)!.vm.$emit('update:modelValue', '75001')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.city).toBe('Paris')
+        expect(last.street).toBe('8 Boulevard du Port')
+        expect(last.streetComplement).toBe('Bat A')
+    })
+})
+
+/**
+ * Stub MalioSelect emetteur : re-expose `label` et relaie `update:model-value`,
+ * pour piloter le select Ville et observer le brouillon emis.
+ */
+const MalioSelectEmitter = defineComponent({
+    name: 'MalioSelectEmitter',
+    props: {
+        modelValue: { type: [String, Number, null], default: undefined },
+        label: { type: String, default: '' },
+    },
+    emits: ['update:modelValue'],
+    setup(props) {
+        return () => h('div', { 'data-testid': 'addr-select', 'data-label': props.label })
+    },
+})
+
+describe('ClientAddressBlock — changement de ville vide adresse + complement (ERP-193)', () => {
+    beforeEach(() => {
+        searchCityMock.mockReset()
+        searchCityMock.mockResolvedValue([])
+    })
+
+    function mountFilled() {
+        return mount(ClientAddressBlock, {
+            props: {
+                modelValue: {
+                    ...emptyAddress(),
+                    postalCode: '75001',
+                    city: 'Paris',
+                    street: '8 Boulevard du Port',
+                    streetComplement: 'Bat A',
+                },
+                title: 'Adresse',
+                categoryOptions: [],
+                siteOptions: [],
+                contactOptions: [],
+                countryOptions: [],
+            },
+            global: {
+                stubs: {
+                    MalioButtonIcon: true,
+                    MalioCheckbox: true,
+                    MalioSelectCheckbox: true,
+                    MalioInputText: true,
+                    MalioInputAutocomplete: MalioInputAutocompleteStub,
+                    MalioSelect: MalioSelectEmitter,
+                },
+            },
+        })
+    }
+
+    function cityField(wrapper: ReturnType<typeof mountFilled>) {
+        return wrapper.findAllComponents(MalioSelectEmitter).find(
+            c => c.props('label') === 'commercial.clients.form.address.city',
+        )
+    }
+
+    it('vide adresse et complement quand la ville change', async () => {
+        const wrapper = mountFilled()
+
+        cityField(wrapper)!.vm.$emit('update:modelValue', 'Lyon')
+        await flushPromises()
+
+        const last = wrapper.emitted('update:modelValue')?.at(-1)?.[0] as Record<string, unknown>
+        expect(last.city).toBe('Lyon')
+        expect(last.street).toBeNull()
+        expect(last.streetComplement).toBeNull()
+    })
+
+    it('ne vide pas si la ville selectionnee est identique', async () => {
+        const wrapper = mountFilled()
+
+        cityField(wrapper)!.vm.$emit('update:modelValue', 'Paris')
+        await flushPromises()
+
+        // Aucun nouvel emit (valeur inchangee) → l'adresse reste intacte.
+        expect(wrapper.emitted('update:modelValue')).toBeUndefined()
+    })
+})
+
 describe('ClientAddressBlock — recherche adresse robuste (erreur BAN)', () => {
    beforeEach(() => {
        searchAddressMock.mockReset()