Refacto des informations de structure

anct-cnum · Jul 30, 2024 · 9c59059 · 9c59059
1 parent c9955e1
commit 9c59059
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/views/candidature-structure/CandidatureStructure.jsx b/src/views/candidature-structure/CandidatureStructure.jsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import SommaireStructure from './SommaireStructure';
 import InformationsDeContact from './InformationsDeContact';
+import InformationsDeStructure from './InformationsDeStructure';
 import BesoinEnConseillerNumerique from './BesoinEnConseillerNumerique';
 import Motivation from './Motivation';
 import { useScrollToSection } from '../../hooks/useScrollToSection';
@@ -30,7 +31,7 @@ export default function CandidatureStructure() {
           <h1 className="cc-titre fr-mb-5w">Je souhaite engager un conseiller numérique</h1>
           <p className="fr-text--sm fr-hint-text">Les champs avec <span className="cc-obligatoire">*</span> sont obligatoires.</p>
           <form aria-label="Candidature structure" >
-            {/* TODO : Vos informations de structure  */}
+            <InformationsDeStructure />
             <InformationsDeContact />
             <BesoinEnConseillerNumerique setDateAccueilConseillerNumerique={setDateAccueilConseillerNumerique} />
             <Motivation />

diff --git a/src/views/candidature-structure/CandidatureStructure.test.jsx b/src/views/candidature-structure/CandidatureStructure.test.jsx
@@ -60,6 +60,8 @@ describe('candidature structure', () => {
     expect(adresse).toBeRequired();
 
     const questionTypeDeStructure = within(etapeInformationsDeContact).getByText(textMatcher('Votre structure est *'), { selector: 'p' });
+    const etapeInformationsDeStructure = within(formulaire).getByRole('group', { name: 'Vos informations de structure' });
+    expect(etapeInformationsDeStructure).toHaveAttribute('id', 'informations-de-structure');
     expect(questionTypeDeStructure).toBeInTheDocument();
 
     const _uneCommune = screen.getByRole('radio', { name: 'Une commune' });

diff --git a/...ature-structure/InformationsDeContact.tsx → ...ure-structure/InformationsDeStructure.jsx b/...ature-structure/InformationsDeContact.tsx → ...ure-structure/InformationsDeStructure.jsx
@@ -1,23 +1,23 @@
-import React from "react";
-import Input from "../../components/commun/Input";
-import CompanyFinder from "./CompanyFinder";
-import BoutonRadio from "../../components/commun/BoutonRadio";
+import React from 'react';
+import Input from '../../components/commun/Input';
+import CompanyFinder from './CompanyFinder';
+import BoutonRadio from '../../components/commun/BoutonRadio';
 
 export default function InformationsDeContact() {
   return (
     <fieldset
       className="fr-border cc-section fr-p-3w fr-mb-3w"
-      id="informationsDeContact"
+      id="informations-de-structure"
     >
       <legend className="fr-h5">Vos informations de structure</legend>
       <hr />
       <CompanyFinder />
-      <Input 
+      <Input
         id="denomination"
       >
         Dénomination <span className="cc-obligatoire">*</span>
       </Input>
-      <Input 
+      <Input
         id="adresse"
       >
         Adresse <span className="cc-obligatoire">*</span>
@@ -45,7 +45,7 @@ export default function InformationsDeContact() {
           Un GIP
         </BoutonRadio>
         <BoutonRadio id="structurePrivee" nomGroupe="typeStructure">
-          Une structure privée (association, entreprise de l'ESS, fondations)
+          Une structure privée (association, entreprise de l’ESS, fondations)
         </BoutonRadio>
       </div>
     </fieldset>