diff --git a/src/features/profile/components/Header/LoggedOutHeader/LoggedOutHeader.tsx b/src/features/profile/components/Header/LoggedOutHeader/LoggedOutHeader.tsx index ef3e55b7039..38207df439a 100644 --- a/src/features/profile/components/Header/LoggedOutHeader/LoggedOutHeader.tsx +++ b/src/features/profile/components/Header/LoggedOutHeader/LoggedOutHeader.tsx @@ -26,6 +26,7 @@ export const LoggedOutHeader: FunctionComponent = ({ showForceUpdateBanne const { data: settings } = useSettingsContext() const enableCreditV3 = settings?.wipEnableCreditV3 const subtitle = `Tu as ${enableCreditV3 ? '17 ou 18' : 'entre 15 et 18'} ans\u00a0?` + const bodyText = `Identifie-toi pour découvrir des offres culturelles et bénéficier de ton crédit si tu as ${enableCreditV3 ? '17 ou 18' : 'entre 15 et 18'} ans.` const { isDesktopViewport, colors } = useTheme() @@ -34,10 +35,7 @@ export const LoggedOutHeader: FunctionComponent = ({ showForceUpdateBanne showForceUpdateBanner={showForceUpdateBanner} title="Mon profil" subtitle={isPassForAllEnabled ? undefined : subtitle}> - - Identifie-toi pour découvrir des offres culturelles et bénéficier de ton crédit si tu as - entre 15 et 18 ans. - + {bodyText} ', () => { - beforeEach(() => setFeatureFlags()) + beforeEach(() => { + setFeatureFlags() + }) describe('Accessibility', () => { it('should not have basic accessibility issues', async () => { @@ -59,6 +62,42 @@ describe('', () => { expect(container).toMatchSnapshot() }) + + describe('if enableCreditV3 is true', () => { + beforeEach(() => { + setSettings({ wipEnableCreditV3: true }) + }) + + it('should see "17 ou 18"', async () => { + render(reactQueryProviderHOC(), { + theme: { isDesktopViewport: true }, + }) + + const text = await screen.findByText( + 'Identifie-toi pour découvrir des offres culturelles et bénéficier de ton crédit si tu as 17 ou 18 ans.' + ) + + expect(text).toBeTruthy() + }) + }) + + describe('if enableCreditV3 is false', () => { + beforeEach(() => { + setSettings() + }) + + it('should see "15 et 18"', async () => { + render(reactQueryProviderHOC(), { + theme: { isDesktopViewport: true }, + }) + + const text = await screen.findByText( + 'Identifie-toi pour découvrir des offres culturelles et bénéficier de ton crédit si tu as entre 15 et 18 ans.' + ) + + expect(text).toBeTruthy() + }) + }) }) const renderProfile = () => render(reactQueryProviderHOC())