Affiche le champ nom du formulaire de login même quand il est forcé

betagouv · Jul 24, 2023 · edb9c50 · edb9c50
1 parent 35ded99
commit edb9c50
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/situations/accueil/vues/formulaire_identification.vue b/src/situations/accueil/vues/formulaire_identification.vue
@@ -12,18 +12,17 @@
         <div class="elements-formulaire">
           <div>
             <label
-              v-if="!nomForce"
               for="formulaire-identification-champ-nom">
               {{ $traduction('accueil.identification.label') }}
             </label>
             <div
-              class="element-formulaire"
-              v-if="!nomForce">
+              class="element-formulaire">
               <input
                 id="formulaire-identification-champ-nom"
                 v-model.trim="nom"
                 type="text"
                 class="champ champ-texte champ-texte-accueil"
+                :disabled="nomForce"
                 autofocus>
               <span
                 v-if="erreurFormulaireIdentification.nom"

diff --git a/tests/situations/accueil/vues/formulaire_identification.test.js b/tests/situations/accueil/vues/formulaire_identification.test.js
@@ -220,15 +220,17 @@ describe("Le formulaire d'identification", function () {
     expect(wrapper.vm.campagne).toEqual('ETE-2019');
     expect(wrapper.findAll('label').length).toBe(3);
     const champs = wrapper.findAll('.champ-texte-accueil');
-    expect(champs.at(1).attributes('disabled')).toBe('');
+    expect(champs.at(1).attributes('disabled')).not.toBeUndefined();
   });
 
-  it('cache le champ nom/prénom si il y a une propriété forceNom', function () {
+  it('disable le champ nom/prénom si il y a une propriété forceNom', function () {
     expect(wrapper.findAll('.champ-texte-accueil').length).toBe(2);
     wrapper = composant({ forceNom: 'franck-poulain' });
     expect(wrapper.vm.nom).toEqual('franck-poulain');
-    expect(wrapper.findAll('label').length).toBe(2);
-    expect(wrapper.findAll('.champ-texte-accueil').length).toBe(1);
+    expect(wrapper.findAll('label').length).toBe(3);
+    const champs = wrapper.findAll('.champ-texte-accueil');
+    expect(champs.length).toBe(2);
+    expect(champs.at(0).attributes('disabled')).not.toBeUndefined();
   });
 
   describe('#champCodeEstDesactive', function () {