From 4907585803c90ad4050906b67fb93d5a65de7ceb Mon Sep 17 00:00:00 2001
From: Alice Dahan <lilice.dhn@gmail.com>
Date: Tue, 3 Dec 2024 10:35:31 +0100
Subject: [PATCH] tests: ajout de tests sur les options RGCP

---
 .../mon-entreprise/reduction-generale.ts      | 57 +++++++++++--------
 .../components/MonthOptions.tsx               |  4 +-
 2 files changed, 35 insertions(+), 26 deletions(-)

diff --git a/site/cypress/integration/mon-entreprise/reduction-generale.ts b/site/cypress/integration/mon-entreprise/reduction-generale.ts
index 192263fd2..3c57aa04c 100755
--- a/site/cypress/integration/mon-entreprise/reduction-generale.ts
+++ b/site/cypress/integration/mon-entreprise/reduction-generale.ts
@@ -145,31 +145,7 @@ describe(
 			})
 		})
 
-		it('should include annual regularisation', function () {
-			cy.contains('Régularisation annuelle').click()
-			cy.contains('Moins de 50 salariés').click()
-			cy.contains('Réduction mensuelle').click()
-			cy.get(inputSelector).first().type('{selectall}1900')
-			cy.contains('Réduction mois par mois').click()
-			cy.get(inputSelector).eq(1).type('{selectall}3000')
-
-			cy.get(
-				'#salarié___cotisations___exonérations___réduction_générale-février'
-			).should('include.text', '0 €')
-			cy.get(
-				'#salarié___cotisations___exonérations___réduction_générale__régularisation-février'
-			).should('include.text', '0 €')
-			cy.get(
-				'#salarié___cotisations___exonérations___réduction_générale-mars'
-			).should('include.text', '493,43 €')
-			cy.get(
-				'#salarié___cotisations___exonérations___réduction_générale-décembre'
-			).should('include.text', '432,49 €')
-		})
-
 		it('should include progressive regularisation', function () {
-			cy.contains('Régularisation progressive').click()
-			cy.contains('Moins de 50 salariés').click()
 			cy.contains('Réduction mensuelle').click()
 			cy.get(inputSelector).first().type('{selectall}1900')
 			cy.contains('Réduction mois par mois').click()
@@ -189,6 +165,39 @@ describe(
 			).should('include.text', '523,62 €')
 		})
 
+		it('should include annual regularisation', function () {
+			cy.contains('Régularisation annuelle').click()
+
+			cy.get(
+				'#salarié___cotisations___exonérations___réduction_générale-février'
+			).should('include.text', '0 €')
+			cy.get(
+				'#salarié___cotisations___exonérations___réduction_générale__régularisation-février'
+			).should('include.text', '0 €')
+			cy.get(
+				'#salarié___cotisations___exonérations___réduction_générale-mars'
+			).should('include.text', '493,43 €')
+			cy.get(
+				'#salarié___cotisations___exonérations___réduction_générale-décembre'
+			).should('include.text', '432,49 €')
+		})
+
+		it('should include monthly options', function () {
+			cy.get(inputSelector).first().type('{selectall}2100')
+			cy.get(
+				'div[id="simulator-legend"] button[aria-describedby="options-description"]'
+			)
+				.should('have.length', 12)
+				.first()
+				.click()
+			cy.get('div[id="options-janvier"]').should('be.visible')
+			cy.get('div[id="options-janvier"] input').type('{selectall}28,15')
+
+			cy.get(
+				'#salarié___cotisations___exonérations___réduction_générale-janvier'
+			).should('include.text', '666,33 €')
+		})
+
 		it('should be RGAA compliant', function () {
 			cy.contains('Réduction mensuelle').click()
 			checkA11Y()
diff --git a/site/source/pages/simulateurs/reduction-generale/components/MonthOptions.tsx b/site/source/pages/simulateurs/reduction-generale/components/MonthOptions.tsx
index 3acd981c8..b15a14b81 100644
--- a/site/source/pages/simulateurs/reduction-generale/components/MonthOptions.tsx
+++ b/site/source/pages/simulateurs/reduction-generale/components/MonthOptions.tsx
@@ -59,8 +59,8 @@ export default function MonthOptions({
 	}
 
 	return (
-		<Appear id={`options-${month}`}>
-			<InputContainer>
+		<Appear>
+			<InputContainer id={`options-${month}`}>
 				<FlexDiv>
 					<StyledSmallBody id={`heures-${additionalHours}-label`}>
 						{additionalHoursLabels[additionalHours]}