tristan
912280d24e
Auto Tag Develop / tag (push) Successful in 7s
## ERP-66 — Utilitaires adresse/téléphone + autocomplétion BAN ### feat - **httpExternal** : client dédié aux API publiques externes (URL absolue, sans cookie de session, timeout). Seul point d'entrée autorisé pour un `$fetch` externe (règle frontend n°4). - **useAddressAutocomplete** : implémentation BAN (api-adresse.data.gouv.fr) — recherche ville (`type=municipality`) et adresse, mapping GeoJSON, throw en cas d'erreur/timeout (mode dégradé côté composant). La recherche d'adresse n'impose **pas** `type=housenumber` (sinon 0 résultat tant qu'aucun numéro n'est saisi) — spec-front mise à jour. - Tests Vitest : httpExternal, useAddressAutocomplete, cas limites `formatPhoneFR`. ### fix - **ClientAddressBlock** : la rue courante est toujours réinjectée dans les options de `MalioInputAutocomplete` (computed, miroir de `cityOptions`). Corrige le champ Adresse qui se vidait après validation / à l'édition d'une adresse existante (valeur pourtant persistée). Test de montage ajouté. - **useClientReferentials** : libellé des sites = numéro de département (2 premiers chiffres du code postal, déjà exposé par `/sites`) au lieu du nom. ### Vérifs - ESLint ✅ · Vitest 196/196 ✅ - Changements 100% frontend (+ doc spec). Reviewed-on: #52 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>
77 lines
2.9 KiB
TypeScript
77 lines
2.9 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest'
|
|
import { mount } from '@vue/test-utils'
|
|
import { defineComponent, h, ref, computed } from 'vue'
|
|
import { emptyAddress } from '~/modules/commercial/types/clientForm'
|
|
import ClientAddressBlock from '../ClientAddressBlock.vue'
|
|
|
|
// Le composable BAN est mocke : aucun appel reseau, aucune suggestion chargee.
|
|
// On reproduit ainsi l'etat « adresse persistee, mais liste de suggestions
|
|
// vide » (remontage apres validation / edition d'une adresse existante).
|
|
vi.mock('~/shared/composables/useAddressAutocomplete', () => ({
|
|
useAddressAutocomplete: () => ({
|
|
searchCity: vi.fn(),
|
|
searchAddress: vi.fn(),
|
|
}),
|
|
}))
|
|
|
|
// Auto-imports Nuxt/Vue utilises sans import explicite par le composant.
|
|
vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
|
|
vi.stubGlobal('ref', ref)
|
|
vi.stubGlobal('computed', computed)
|
|
|
|
// Stub de MalioInputAutocomplete : expose les `value` des options recues, pour
|
|
// verifier que la rue courante figure bien dans la liste (sinon le composant
|
|
// Malio ne peut pas resoudre/afficher la valeur liee -> champ vide).
|
|
const MalioInputAutocompleteStub = defineComponent({
|
|
name: 'MalioInputAutocomplete',
|
|
props: {
|
|
modelValue: { type: [String, Number, null], default: undefined },
|
|
options: { type: Array as () => { value: string | number, label: string }[], default: () => [] },
|
|
loading: { type: Boolean, default: false },
|
|
minSearchLength: { type: Number, default: 0 },
|
|
label: { type: String, default: '' },
|
|
readonly: { type: Boolean, default: false },
|
|
},
|
|
emits: ['update:modelValue', 'search', 'select'],
|
|
setup(props) {
|
|
return () => h('div', {
|
|
'data-testid': 'addr-autocomplete',
|
|
'data-options': JSON.stringify(props.options.map(o => o.value)),
|
|
})
|
|
},
|
|
})
|
|
|
|
function mountBlock(street: string | null) {
|
|
return mount(ClientAddressBlock, {
|
|
props: {
|
|
modelValue: { ...emptyAddress(), street },
|
|
title: 'Adresse',
|
|
categoryOptions: [],
|
|
siteOptions: [],
|
|
contactOptions: [],
|
|
countryOptions: [],
|
|
},
|
|
global: {
|
|
stubs: {
|
|
MalioButtonIcon: true,
|
|
MalioCheckbox: true,
|
|
MalioSelect: true,
|
|
MalioSelectCheckbox: true,
|
|
MalioInputText: true,
|
|
MalioInputAutocomplete: MalioInputAutocompleteStub,
|
|
},
|
|
},
|
|
})
|
|
}
|
|
|
|
describe('ClientAddressBlock — affichage de l\'adresse persistee', () => {
|
|
it('inclut la rue courante dans les options de l\'autocomplete meme sans recherche BAN', () => {
|
|
const wrapper = mountBlock('8 Boulevard du Port')
|
|
|
|
const el = wrapper.find('[data-testid="addr-autocomplete"]')
|
|
const values = JSON.parse(el.attributes('data-options') ?? '[]')
|
|
|
|
expect(values).toContain('8 Boulevard du Port')
|
|
})
|
|
})
|