diff --git a/.env.test b/.env.test index 2e9d102259..d4f5cad4ba 100644 --- a/.env.test +++ b/.env.test @@ -107,6 +107,7 @@ NEXT_PUBLIC_EMPLOIS_EUROPE_FEATURE=1 NEXT_PUBLIC_STAGES_3EME_FEATURE=1 NEXT_PUBLIC_STAGES_SECONDE_FEATURE=1 NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_FEATURE=1 +NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_JEUNE_FEATURE=1 NEXT_PUBLIC_ANALYTICS_MATOMO_TAG_MANAGER_FEATURE=0 NEXT_PUBLIC_OLD_ESPACE_JEUNE_FEATURE=1 NEXT_PUBLIC_WORLD_SKILLS_FEATURE=0 diff --git a/public/images/stages-seconde/banniere-stages-seconde.webp b/public/images/stages-seconde/banniere-stages-seconde.webp index 40f2beb277..32cf5cda6c 100644 Binary files a/public/images/stages-seconde/banniere-stages-seconde.webp and b/public/images/stages-seconde/banniere-stages-seconde.webp differ diff --git a/src/client/components/layouts/Header/Banner/Campagne/CampagneBanner.tsx b/src/client/components/layouts/Header/Banner/Campagne/CampagneBanner.tsx index 127d049813..72abea0bb3 100644 --- a/src/client/components/layouts/Header/Banner/Campagne/CampagneBanner.tsx +++ b/src/client/components/layouts/Header/Banner/Campagne/CampagneBanner.tsx @@ -4,9 +4,12 @@ import { Link } from '~/client/components/ui/Link/Link'; import styles from './CampagneBanner.module.scss'; -export const ENCART_CAMPAGNE_URL = 'https://www.1jeune1solution.gouv.fr/articles/programme-competition-mondiale-des-metiers-world-skills-lyon-2024'; -const TITRE = 'Retrouvez le programme de la 47e édition des WorldSkills Lyon 2024'; -//const SOUS_TITRE = 'Faites la différence et déposez facilement une offre de stage.'; + +const isCampagneJeuneActive = process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_JEUNE_FEATURE === '1'; + +const ENCART_CAMPAGNE_URL = process.env.NEXT_PUBLIC_STAGES_SECONDE_URL ?? ''; +const TITRE = 'Proposer un stage' + (isCampagneJeuneActive ? ' ou candidater !' : ' !'); +const SOUS_TITRE = 'Du 16 au 27 juin pour permettre aux élèves de seconde générale et technologique de diversifier leur connaissance des métiers.'; export function CampagneBannerMobile() { const displayCampagneEnCoursBanner = process.env.NEXT_PUBLIC_CAMPAGNE_COM_EN_COURS_FEATURE === '1'; @@ -25,7 +28,7 @@ export function CampagneBannerDesktop() {

{TITRE} - {/*{SOUS_TITRE}*/} + {SOUS_TITRE}

diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss index 596cd25b07..6fddef41d4 100644 --- a/src/pages/index.module.scss +++ b/src/pages/index.module.scss @@ -45,7 +45,6 @@ $color-background-world-skills: #2E1651; img { object-fit: cover; - object-position: 90% 0; display: none; @include utilities.media(xlarge) { diff --git a/src/pages/index.page.test.tsx b/src/pages/index.page.test.tsx index 6bdbf39323..3509ecb6ad 100644 --- a/src/pages/index.page.test.tsx +++ b/src/pages/index.page.test.tsx @@ -92,26 +92,53 @@ describe('Page d’accueil', () => { }); describe('quand le feature flip des stages seconde est actif', () => { describe('quand le feature flip de la recherche de stages de seconde est actif', () => { - it('la bannière contient les wording de la campagne du 25 mars 2024', () => { - // GIVEN - const fakeUrlVoirStageSeconde = 'https://url-voir-offres-de-stages-de-seconde.fr'; - process.env.NEXT_PUBLIC_STAGES_SECONDE_FEATURE = '1'; - process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_FEATURE = '1'; - process.env.NEXT_PUBLIC_STAGES_SECONDE_HOMEPAGE_URL = fakeUrlVoirStageSeconde; - - // WHEN - render( - - - , - ); - - // THEN - const headingStage2nd = screen.getByRole('heading', { level: 2, name: 'Un stage du 17 au 28 juin 2024' }); - expect(headingStage2nd).toBeVisible(); - const voirStageSecondeButton = screen.getByRole('link', { name: 'Proposer un stage ou candidater - nouvelle fenêtre' }); - expect(voirStageSecondeButton).toBeVisible(); - expect(voirStageSecondeButton).toHaveAttribute('href', fakeUrlVoirStageSeconde); + describe('quand la campagne employeur a démarré mais pas la campagne jeune', () => { + it('la bannière contient les wording de la campagne employeur 2025', () => { + // GIVEN + const fakeUrlVoirStageSeconde = 'https://url-voir-offres-de-stages-de-seconde.fr'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_FEATURE = '1'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_FEATURE = '1'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_JEUNE_FEATURE = '0'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_HOMEPAGE_URL = fakeUrlVoirStageSeconde; + + // WHEN + render( + + + , + ); + + // THEN + const headingStage2nd = screen.getByRole('heading', { level: 2, name: 'Un stage du 16 au 27 juin 2025' }); + expect(headingStage2nd).toBeVisible(); + const voirStageSecondeButton = screen.getByRole('link', { name: 'Proposer un stage - nouvelle fenêtre' }); + expect(voirStageSecondeButton).toBeVisible(); + expect(voirStageSecondeButton).toHaveAttribute('href', fakeUrlVoirStageSeconde); + }); + }); + describe('quand les campagnes jeunes et employeurs ont démarré', () => { + it('la bannière contient les wording de la campagne employeur 2025', () => { + // GIVEN + const fakeUrlVoirStageSeconde = 'https://url-voir-offres-de-stages-de-seconde.fr'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_FEATURE = '1'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_FEATURE = '1'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_JEUNE_FEATURE = '1'; + process.env.NEXT_PUBLIC_STAGES_SECONDE_HOMEPAGE_URL = fakeUrlVoirStageSeconde; + + // WHEN + render( + + + , + ); + + // THEN + const headingStage2nd = screen.getByRole('heading', { level: 2, name: 'Un stage du 16 au 27 juin 2025' }); + expect(headingStage2nd).toBeVisible(); + const voirStageSecondeButton = screen.getByRole('link', { name: 'Proposer un stage ou candidater - nouvelle fenêtre' }); + expect(voirStageSecondeButton).toBeVisible(); + expect(voirStageSecondeButton).toHaveAttribute('href', fakeUrlVoirStageSeconde); + }); }); }); diff --git a/src/pages/index.page.tsx b/src/pages/index.page.tsx index 4cee0a255b..396f93166a 100644 --- a/src/pages/index.page.tsx +++ b/src/pages/index.page.tsx @@ -38,7 +38,8 @@ export default function Accueil(accueilProps: AccueilPageProps) { const is1Jeune1PermisVisible = process.env.NEXT_PUBLIC_1JEUNE1PERMIS_FEATURE === '1'; const isBanniereStagesSecondeVisible = process.env.NEXT_PUBLIC_STAGES_SECONDE_FEATURE === '1'; - const isBanniereStagesSecondePourCampagneDu25Mars = process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_FEATURE === '1'; + const isBanniereStagesSecondePourCampagne2025 = process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_FEATURE === '1'; + const isBanniereStagesSecondePourCampagne2025Jeune = process.env.NEXT_PUBLIC_STAGES_SECONDE_RECHERCHE_JEUNE_FEATURE === '1'; const urlDepotOffreStagesSeconde = process.env.NEXT_PUBLIC_DEPOT_STAGES_SECONDE_URL ?? ''; const urlHomePageStageDeSeconde = process.env.NEXT_PUBLIC_STAGES_SECONDE_HOMEPAGE_URL ?? ''; @@ -275,13 +276,13 @@ export default function Accueil(accueilProps: AccueilPageProps) { {isBanniereStagesSecondeVisible && ( - - {isBanniereStagesSecondePourCampagneDu25Mars ? ( + {isBanniereStagesSecondePourCampagne2025 ? ( <>

- Un stage du 17 au 28 juin 2024 + Un stage du 16 au 27 juin 2025

@@ -289,7 +290,7 @@ export default function Accueil(accueilProps: AccueilPageProps) { métiers. - Proposer un stage ou candidater + Proposer un stage {isBanniereStagesSecondePourCampagne2025Jeune && ' ou candidater'}