feat: add env var pour avenir pro

SocialGouv · Dec 5, 2024 · c39dae6 · c39dae6
1 parent bffdef2
commit c39dae6
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 23 deletions.
diff --git a/.env.test b/.env.test
@@ -15,3 +15,4 @@ NEXT_PUBLIC_IMILO_URL=https://portail.i-milo.fr/
 NEXT_PUBLIC_FAQ_MILO_EXTERNAL_LINK=http://perdu.com/
 NEXT_PUBLIC_FAQ_PE_EXTERNAL_LINK=http://perdu.com/
 NEXT_PUBLIC_FAQ_PASS_EMPLOI_EXTERNAL_LINK=http://perdu.com/
+NEXT_PUBLIC_ENABLE_AVENIR_PRO_SSO=true
diff --git a/app/(connexion)/login/passemploi/LoginPassEmploiPage.tsx b/app/(connexion)/login/passemploi/LoginPassEmploiPage.tsx
@@ -14,7 +14,13 @@ import FailureAlert from 'components/ui/Notifications/FailureAlert'
 import { signin } from 'utils/auth/auth'
 import { useLoginErrorMessage } from 'utils/auth/loginErrorMessageContext'
 
-function LoginPage() {
+type LoginPassEmploiPageProps = {
+  ssoAvenirProEstActif?: boolean
+}
+
+function LoginPassEmploiPage({
+  ssoAvenirProEstActif,
+}: LoginPassEmploiPageProps) {
   const [errorMsg, setErrorMsg] = useLoginErrorMessage()
   const searchParams = useSearchParams()
 
@@ -85,7 +91,9 @@ function LoginPage() {
             <h2 className='text-l-bold text-primary_darken text-center my-6 mx-4'>
               Connexion conseiller AIJ
             </h2>
-            <ul className='px-6 pt-6 flex flex-col gap-4 layout_s:border-r-2 layout_s:border-grey_100'>
+            <ul
+              className={`px-6 pt-6 flex flex-col gap-4 ${ssoAvenirProEstActif ? 'layout_s:border-r-2 layout_s:border-grey_100' : ''}`}
+            >
               <li>
                 <LoginButton
                   altText='France Travail AIJ'
@@ -100,28 +108,35 @@ function LoginPage() {
               </li>
             </ul>
 
-            <h2 className='text-l-bold text-primary_darken text-center my-6 mx-4'>
-              Connexion conseiller Avenir Pro
-            </h2>
-            <ul className='px-6 pt-6 flex flex-col gap-4'>
-              <li>
-                <LoginButton
-                  altText='France Travail Avenir Pro'
-                  label='France Travail'
-                  className='whitespace-nowrap'
-                  style={ButtonStyle.SECONDARY}
-                  illustrationName={IllustrationName.LogoFT}
-                  handleSubmit={(event) =>
-                    handleSignin(event, 'avenirpro-conseiller')
-                  }
-                />
-              </li>
-            </ul>
+            {ssoAvenirProEstActif && (
+              <>
+                <h2 className='text-l-bold text-primary_darken text-center my-6 mx-4'>
+                  Connexion conseiller Avenir Pro
+                </h2>
+                <ul className='px-6 pt-6 flex flex-col gap-4'>
+                  <li>
+                    <LoginButton
+                      altText='France Travail Avenir Pro'
+                      label='France Travail'
+                      className='whitespace-nowrap'
+                      style={ButtonStyle.SECONDARY}
+                      illustrationName={IllustrationName.LogoFT}
+                      handleSubmit={(event) =>
+                        handleSignin(event, 'avenirpro-conseiller')
+                      }
+                    />
+                  </li>
+                </ul>
+              </>
+            )}
           </main>
         </div>
       </div>
     </div>
   )
 }
 
-export default withTransaction(LoginPage.name, 'page')(LoginPage)
+export default withTransaction(
+  LoginPassEmploiPage.name,
+  'page'
+)(LoginPassEmploiPage)
diff --git a/app/(connexion)/login/passemploi/page.tsx b/app/(connexion)/login/passemploi/page.tsx
@@ -18,5 +18,11 @@ export default async function LoginPassEmploi({
 }) {
   await redirectIfAlreadyConnected(searchParams)
 
-  return <LoginPassEmploiPage />
+  return (
+    <LoginPassEmploiPage
+      ssoAvenirProEstActif={
+        process.env.NEXT_PUBLIC_ENABLE_AVENIR_PRO_SSO === 'true'
+      }
+    />
+  )
 }
diff --git a/tests/pages/LoginPassEmploiPage.server.test.tsx b/tests/pages/LoginPassEmploiPage.server.test.tsx
@@ -38,6 +38,9 @@ describe('LoginPassEmploiPage server side', () => {
     expect(metadata).toEqual({
       title: "Connexion dans l'espace conseiller - Outil du pass emploi",
     })
-    expect(LoginPassEmploiPage).toHaveBeenCalledWith({}, {})
+    expect(LoginPassEmploiPage).toHaveBeenCalledWith(
+      { ssoAvenirProEstActif: true },
+      {}
+    )
   })
 })
diff --git a/tests/pages/LoginPassEmploiPage.test.tsx b/tests/pages/LoginPassEmploiPage.test.tsx
@@ -26,7 +26,7 @@ describe('LoginPassEmploiPage client side', () => {
     beforeEach(async () => {
       ;({ container } = render(
         <LoginErrorMessageProvider state={[undefined, setErrorMsg]}>
-          <LoginPassEmploiPage />
+          <LoginPassEmploiPage ssoAvenirProEstActif={true} />
         </LoginErrorMessageProvider>
       ))
     })