fix: Fix les accents sur les majuscules pour les étapes

cypress/e2e/formulaire_depot_stage.cy.ts

@@ -29,8 +29,7 @@ describe('Dépôt de Stage', () => {
 				cy.findByRole('textbox', { name: /Courte description de l’entreprise/i }).type(aFormulaireEtapeEntreprise().descriptionEmployeur);
 				cy.findByRole('button', { name: /Suivant/i }).click();
 
-				// FIXME (GAFI 06-11-2023): Manque un accent sur le "E"
-				cy.title().should('contain', 'Etape 2 sur 3');
+				cy.title().should('contain', 'Étape 2 sur 3');
 				cy.url().should('include', '/stages/deposer-offre/votre-offre-de-stage');
 			});
 		});
@@ -41,8 +40,7 @@ describe('Dépôt de Stage', () => {
 			it('redirige vers l’étape 1', () => {
 				cy.visit('/stages/deposer-offre/votre-offre-de-stage');
 
-				// FIXME (GAFI 06-11-2023): Manque un accent sur le "E"
-				cy.title().should('contain', 'Etape 1 sur 3');
+				cy.title().should('contain', 'Étape 1 sur 3');
 				cy.url().should('include', '/stages/deposer-offre');
 				cy.url().should('not.include', 'votre-offre-de-stage');
 			});
@@ -65,8 +63,7 @@ describe('Dépôt de Stage', () => {
 				cy.findAllByRole('option').first().click();
 				cy.findByRole('button', { name: /Suivant/i }).click();
 
-				// FIXME (GAFI 06-11-2023): Manque un accent sur le "E"
-				cy.title().should('contain', 'Etape 3 sur 3');
+				cy.title().should('contain', 'Étape 3 sur 3');
 				cy.url().should('include', '/stages/deposer-offre/localisation');
 			});
 		});
@@ -81,8 +78,7 @@ describe('Dépôt de Stage', () => {
 					},
 				});
 
-				// FIXME (GAFI 06-11-2023): Manque un accent sur le "E"
-				cy.title().should('contain', 'Etape 1 sur 3');
+				cy.title().should('contain', 'Étape 1 sur 3');
 				cy.url().should('include', '/stages/deposer-offre');
 				cy.url().should('not.include', 'votre-offre-de-stage');
 			});
@@ -96,8 +92,7 @@ describe('Dépôt de Stage', () => {
 					},
 				});
 
-				// FIXME (GAFI 06-11-2023): Manque un accent sur le "E"
-				cy.title().should('contain', 'Etape 1 sur 3');
+				cy.title().should('contain', 'Étape 1 sur 3');
 				cy.url().should('include', '/stages/deposer-offre');
 				cy.url().should('not.include', 'votre-offre-de-stage');
 			});
@@ -114,7 +109,7 @@ describe('Dépôt de Stage', () => {
 
 				// FIXME (GAFI 06-11-2023): Devrait être combobox
 				//	Also besoin de type 2x parce que la lib est cassée
-				cy.findByRole('textbox', { name: /Pays/i }).type('France');
+				cy.findByRole('textbox', { name: /Pays/i }).click();
 				cy.findByRole('textbox', { name: /Pays/i }).type('France');
 				cy.findAllByRole('option').first().click();
 				cy.findByRole('textbox', { name: /Ville/i }).type(aFormulaireEtapeLocalisation().ville);

cypress/e2e/formulaire_entreprise.cy.ts

@@ -46,8 +46,7 @@ describe('Parcours formulaire entreprise', () => {
 
 			cy.findByRole('button', { name: /Suivant/i }).click();
 
-			// FIXME (GAFI 06-11-2023): Manque un accent sur le "E"
-			cy.findByText('Etape 2 sur 2').should('be.visible');
+			cy.findByText('Étape 2 sur 2').should('be.visible');
 
 			cy.findByRole('textbox', { name: /Prénom/i }).type('Jean');
 			cy.findByRole('textbox', { name: /^Nom/i }).type('Dupont');

cypress/e2e/formulaire_les-entreprises-s-engagent.cy.ts

@@ -45,15 +45,15 @@ describe('Inscription', () => {
 	});
 	describe('quand l’utilisateur arrive sur la page', () => {
 		it('voit afficher la première étape de formulaire', () => {
-			cy.contains('Etape 1 sur 2').should('exist');
+			cy.contains('Étape 1 sur 2').should('exist');
 			cy.title().should('eq', TITLE_ETAPE_1);
 		});
 	});
 	describe('quand l‘utilisateur clique sur Suivant et qu’il a rempli tous les champs', () => {
 		it('passe à l’étape 2', () => {
 			remplirFormulaireEtape1();
 			cy.get('button[type="submit"]').click();
-			cy.contains('Etape 2 sur 2').should('exist');
+			cy.contains('Étape 2 sur 2').should('exist');
 			cy.title().should('eq', TITLE_ETAPE_2);
 		});
 	});
@@ -62,7 +62,7 @@ describe('Inscription', () => {
 			remplirFormulaireEtape1();
 			cy.get('button[type="submit"]').click();
 			cy.contains('Retour').click();
-			cy.contains('Etape 1 sur 2').should('exist');
+			cy.contains('Étape 1 sur 2').should('exist');
 			cy.get('input[name="companyName"]').should('have.value', 'Octo');
 			cy.get('input[name="companySiret"]').should('have.value', '41816609600069');
 			cy.get('input[name="companySector"]').should('have.value', 'Santé humaine et action sociale');

src/client/components/features/OffreDeStage/Déposer/Étape1Entreprise/StageDeposerOffreFormulaireÉtape1Entreprise.test.tsx

@@ -22,7 +22,7 @@ describe('<Entreprise />', () => {
 		it('affiche la première étape de formulaire', () => {
 			render(<Entreprise />);
 
-			expect(screen.getByText('Etape 1 sur 3 : Votre entreprise')).toBeInTheDocument();
+			expect(screen.getByText('Étape 1 sur 3 : Votre entreprise')).toBeInTheDocument();
 			expect(screen.getByLabelText('Nom de l’entreprise ou de l’employeur')).toBeInTheDocument();
 			expect(screen.getByText('Adresse mail de contact')).toBeInTheDocument();
 			expect(screen.getByLabelText('Courte description de l’entreprise (500 caractères maximum)')).toBeInTheDocument();

src/client/components/features/OffreDeStage/Déposer/Étape1Entreprise/StageDeposerOffreFormulaireÉtape1Entreprise.tsx

@@ -122,7 +122,7 @@ export default function StageDeposerOffreFormulaireÉtape1Entreprise() {
 
 	return (
 		<FormulaireÉtapeLayout
-			étape="Etape 1 sur 3 : Votre entreprise"
+			étape="Étape 1 sur 3 : Votre entreprise"
 		>
 			<FormulaireEntreprise/>
 		</FormulaireÉtapeLayout>

src/client/components/features/OffreDeStage/Déposer/Étape2Stage/StageDeposerOffreFormulaireÉtape2Stage.test.tsx

@@ -26,7 +26,7 @@ describe('<Stage />', () => {
 		it('affiche la deuxième étape de formulaire', () => {
 			render(<Stage />);
 
-			expect(screen.getByText('Etape 2 sur 3 : Votre offre de stage')).toBeVisible();
+			expect(screen.getByText('Étape 2 sur 3 : Votre offre de stage')).toBeVisible();
 			expect(screen.getByLabelText('Nom de l’offre de stage (200 caractères maximum)')).toBeVisible();
 			expect(screen.getByLabelText('Lien sur lequel les candidats pourront postuler ou une adresse e-mail à laquelle envoyer sa candidature')).toBeVisible();
 			expect(screen.getByLabelText('Description de l’offre de stage (200 caractères minimum)')).toBeVisible();

src/client/components/features/OffreDeStage/Déposer/Étape2Stage/StageDeposerOffreFormulaireÉtape2Stage.tsx

@@ -182,7 +182,7 @@ export default function StageDeposerOffreFormulaireÉtape2Stage() {
 
 	return (
 		<FormulaireÉtapeLayout
-			étape="Etape 2 sur 3 : Votre offre de stage"
+			étape="Étape 2 sur 3 : Votre offre de stage"
 			urlÉtapePrécédente={URL_DEPOSER_OFFRE}
 		>
 			<StageDeposerOffreFormulaireLayout

src/client/components/features/OffreDeStage/Déposer/Étape3Localisation/StageDeposerOffreFormulaireÉtape3Localisation.test.tsx

@@ -106,7 +106,7 @@ describe('<Localisation />', () => {
 				</DependenciesProvider>,
 			);
 
-			expect(screen.getByText('Etape 3 sur 3 : Localisation du stage')).toBeInTheDocument();
+			expect(screen.getByText('Étape 3 sur 3 : Localisation du stage')).toBeInTheDocument();
 			expect(screen.getByLabelText('Pays')).toBeInTheDocument();
 			expect(screen.getByLabelText('Ville')).toBeInTheDocument();
 			expect(screen.getByLabelText('Adresse')).toBeInTheDocument();

src/client/components/features/OffreDeStage/Déposer/Étape3Localisation/StageDeposerOffreFormulaireÉtape3Localisation.tsx

@@ -141,7 +141,7 @@ export default function StageDeposerOffreFormulaireÉtape3Localisation() {
 
 	return (
 		<FormulaireÉtapeLayout
-			étape="Etape 3 sur 3 : Localisation du stage"
+			étape="Étape 3 sur 3 : Localisation du stage"
 			urlÉtapePrécédente={`${URL_DEPOSER_OFFRE}/votre-offre-de-stage`}
 		>
 			<FormulaireLocalisation />

src/pages/les-entreprises-s-engagent/inscription/index.page.test.tsx

@@ -78,7 +78,7 @@ describe('LesEntreprisesSEngagentInscription', () => {
 		it('voit la première étape de formulaire', () => {
 			renderComponent();
 
-			expect(screen.getByText('Etape 1 sur 2')).toBeVisible();
+			expect(screen.getByText('Étape 1 sur 2')).toBeVisible();
 			labelsEtape1.forEach((label) => {
 				expect(screen.getByText(label.name)).toBeVisible();
 			});
@@ -119,7 +119,7 @@ describe('LesEntreprisesSEngagentInscription', () => {
 			await remplirFormulaireEtape1();
 			await clickOnGoToEtape2();
 
-			expect(screen.getByText('Etape 2 sur 2')).toBeVisible();
+			expect(screen.getByText('Étape 2 sur 2')).toBeVisible();
 			labelsEtape2.forEach((label) => {
 				expect(screen.getByRole('textbox', label)).toBeVisible();
 			});
@@ -133,7 +133,7 @@ describe('LesEntreprisesSEngagentInscription', () => {
 				await clickOnGoToEtape2();
 				await userEvent.click(screen.getByRole('button', { name: 'Retour' }));
 
-				expect(screen.getByText('Etape 1 sur 2')).toBeVisible();
+				expect(screen.getByText('Étape 1 sur 2')).toBeVisible();
 			});
 		});
 	});

src/pages/les-entreprises-s-engagent/inscription/index.page.tsx

@@ -45,8 +45,8 @@ interface FormulaireÉtape2Props {
 }
 
 enum Etape {
-	ETAPE_1 = 'Etape 1 sur 2',
-	ETAPE_2 = 'Etape 2 sur 2'
+	ETAPE_1 = 'Étape 1 sur 2',
+	ETAPE_2 = 'Étape 2 sur 2'
 }
 
 export const TITLE_ÉTAPE_1 = 'Les entreprises s‘engagent - Rejoignez la mobilisation ! - Étape 1 sur 2 | 1jeune1solution';

src/pages/stages/deposer-offre/index.page.tsx

@@ -20,7 +20,7 @@ export default function DeposerOffreStagePage() {
 	return (
 		<>
 			<Head
-				title={'Dépôt d’offre de stage - Etape 1 sur 3 : Votre entreprise | 1jeune1solution '}
+				title={'Dépôt d’offre de stage - Étape 1 sur 3 : Votre entreprise | 1jeune1solution '}
 				robots="index,follow"
 			/>
 			<main id="contenu">

src/pages/stages/deposer-offre/localisation/index.page.tsx

@@ -12,7 +12,7 @@ export default function DeposerOffreStageEtape3Page() {
 	return (
 		<>
 			<Head
-				title={'Dépôt d’offre de stage - Etape 3 sur 3 : Localisation du stage | 1jeune1solution'}
+				title={'Dépôt d’offre de stage - Étape 3 sur 3 : Localisation du stage | 1jeune1solution'}
 				robots="index,follow"
 			/>
 			<main id="contenu">

src/pages/stages/deposer-offre/votre-offre-de-stage/index.page.tsx

@@ -12,7 +12,7 @@ export default function DeposerOffreStageEtape2Page() {
 	return (
 		<>
 			<Head
-				title={'Dépôt d’offre de stage - Etape 2 sur 3 : Votre offre de stage | 1jeune1solution'}
+				title={'Dépôt d’offre de stage - Étape 2 sur 3 : Votre offre de stage | 1jeune1solution'}
 				robots="index,follow"
 			/>
 			<main id="contenu">