feat(actualites): n'affiche pas la section actualités si aucune actua…

…lité n'est récupérée du CMS
DNUM-SocialGouv · Jan 3, 2023 · ce378c6 · ce378c6
1 parent c2bc17a
commit ce378c6
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 24 deletions.
diff --git a/src/pages/espace-jeune/index.page.test.tsx b/src/pages/espace-jeune/index.page.test.tsx
@@ -6,6 +6,7 @@ import { render, screen, within } from '@testing-library/react';
 import { mockUseRouter } from '~/client/components/useRouter.mock';
 import { mockSmallScreen } from '~/client/components/window.mock';
 import EspaceJeunePage from '~/pages/espace-jeune/index.page';
+import { CarteActualite } from '~/server/cms/domain/actualite';
 import { aCartesActualitesListFixture } from '~/server/cms/domain/actualite.fixture';
 import { anEspaceJeune } from '~/server/cms/domain/espaceJeune.fixture';
 
@@ -18,7 +19,7 @@ describe('Page Espace Jeune', () => {
 	afterEach(() => {
 		jest.resetAllMocks();
 	});
-	describe('À l‘arrivée sur la page', () => {
+	describe('Si des actualités sont récupérées', () => {
 		it('affiche une liste 6 actualités maximum', () => {
 			const carteActualites = aCartesActualitesListFixture();
 			const espaceJeune = anEspaceJeune();
@@ -32,4 +33,15 @@ describe('Page Espace Jeune', () => {
 			expect(cartesList[6]).toEqual(cartesSeeMore[0]);
 		});
 	});
+	describe('Si aucune actualité n‘est récupérée', () => {
+		it('n‘affiche pas la section des actualités', () => {
+			const carteActualites: CarteActualite[] = [];
+			const espaceJeune = anEspaceJeune();
+
+			render(<EspaceJeunePage cartesActualites={carteActualites} espaceJeune={espaceJeune} />);
+			const actualitesSection = screen.queryByTestId('actualites');
+
+			expect(actualitesSection).not.toBeInTheDocument();
+		});
+	});
 });
diff --git a/src/pages/espace-jeune/index.page.tsx b/src/pages/espace-jeune/index.page.tsx
@@ -40,28 +40,15 @@ export default function EspaceJeunePage({ cartesActualites, espaceJeune }: Espac
 		<main id={'contenu'}>
 			<HeadTag title="Espace jeune | 1jeune1solution"/>
 			<h1 className={styles.title}>Actualités et services jeune</h1>
-			<section className={classNames(styles.section, styles.actualitesSection)} data-testid='actualites' >
-				<LightHero
-					className={styles.sectionTitle}
-					titleAs={'h2'}
-					primaryText={'Actualités : retrouvez une sélection'}
-					secondaryText={'des dernières actualités relatives aux jeunes'} />
-				<Container className={styles.cartesActualitesList}>
-					{visibleCartesActualitesList.map((carte, index) =>
-						<ArticleCard className={styles.carteActualite} 
-							key={index} 
-							imageSrc={carte.bannière && carte.bannière.url || ''}
-							titleLabel={carte.titre}
-							link={carte.link} 
-							linkLabel={getCarteActualiteLinkLabel(carte)} 
-							icon={getCarteActualiteLinkIcon(carte)}>
-							<p className={styles.carteActualiteDescription}>{carte.extraitContenu}</p>
-						</ArticleCard>,
-					)}
-				</Container>
-				<SeeMore>
+			{cartesActualites.length > 0 &&
+				<section className={classNames(styles.section, styles.actualitesSection)} data-testid='actualites' >
+					<LightHero
+						className={styles.sectionTitle}
+						titleAs={'h2'}
+						primaryText={'Actualités : retrouvez une sélection'}
+						secondaryText={'des dernières actualités relatives aux jeunes'} />
 					<Container className={styles.cartesActualitesList}>
-						{seeMoreCartesActualitesList.map((carte, index) =>
+						{visibleCartesActualitesList.map((carte, index) =>
 							<ArticleCard className={styles.carteActualite}
 								key={index}
 								imageSrc={carte.bannière && carte.bannière.url || ''}
@@ -73,8 +60,23 @@ export default function EspaceJeunePage({ cartesActualites, espaceJeune }: Espac
 							</ArticleCard>,
 						)}
 					</Container>
-				</SeeMore>
-			</section>
+					<SeeMore>
+						<Container className={styles.cartesActualitesList}>
+							{seeMoreCartesActualitesList.map((carte, index) =>
+								<ArticleCard className={styles.carteActualite}
+									key={index}
+									imageSrc={carte.bannière && carte.bannière.url || ''}
+									titleLabel={carte.titre}
+									link={carte.link}
+									linkLabel={getCarteActualiteLinkLabel(carte)}
+									icon={getCarteActualiteLinkIcon(carte)}>
+									<p className={styles.carteActualiteDescription}>{carte.extraitContenu}</p>
+								</ArticleCard>,
+							)}
+						</Container>
+					</SeeMore>
+				</section>
+			}
 			<section id='espace-jeune' className={classNames(styles.section, styles.mesuresJeunesSection)}>
 				<LightHero
 					titleAs={'h2'}