[BUGFIX] Perte des infos GAR quand la page est rafraichie (PIX-12534)

[bpetetot]

🎄 Problème

Lors du parcours utilisateur GAR, 2 bugs ont été identifiés:

• BUG 1: Quand l'utilisateur rafraîchit sa page avant la réconcialisation (sur l'écran de landing page et de réconciliation), les informations du GAR sont perdues et on le redirige directement vers la connexion.
• BUG 2: Quand un utilisateur est déjà réconcilié et qu'il se connecte directement à Pix via le GAR, quand il rafraîchit la page, il est déconnecté

🎁 Proposition

• Pour le BUG 1, les informations de contexte du GAR vont être stockées en session storage.
• Pour le BUG 2, il faut restaurer l'authentification GAR quand l'utilisateur recharge la page (comme c'est fait actuellement pour les connexions OIDC).

🧦 Remarques

Un utilitaire SessionStorageKey a été ajouté, il permet de stocker des clés dans le session storage en s'assurant que les valeurs soient correctement parsées quand elles sont lues:

const myKeyStorage = new SessionStorageKey('mykey')

myKeyStorage.set('hello')
myKeyStorage.get() // 'hello'

myKeyStorage.set(123)
myKeyStorage.get() // 123

myKeyStorage.set(undefined)
myKeyStorage.get() // undefined

🎅 Pour tester

Se connecter avec le SSO GAR (faux GAR)

• Indiquer un samlId aléatoire, le prénom Hermione et le nom Granger
• Se connecter avec le bouton « Sign in »

BUG 1

1. Sur la page « Saisissez votre code » indiquer le code campagne SCOBADGE1
2. Cliquer sur le bouton « Accéder au parcours »
3. Rafraichir la page

on doit pouvoir faire les étapes suivantes sans souci

4. Cliquer sur le bouton « Je commence »
5. Indiquer la date de naissance 05-05-2013
6. Cliquer sur le bouton « C'est parti ! »
7. Cliquer sur le bouton « Continuer avec mon compte Pix »
8. Sur le formulaire « J’ai déjà un compte Pix » indiquer l'adresse email [email protected] et son mdp
9. Faire et envoyer le parcours
10. Se déconnecter

BUG 2

1. Se connecter à nouveau avec le SSO GAR (faux GAR), normalement l'utilisateur est déjà réconcilié et se connecte directement.
2. Rafraîchir la page

L'utilisateur n'est pas déconnecté

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger

[P-Jeremy]

Test func Bug 1 OK ✅

Test func Bug 2 OK ✅

• Pas de log out au refresh et la bonne page est affichée lors du log out manuel

[lego-technix]

À noter, lorsqu'on j'effectue la procédure de tests, sur le formulaire « Rejoignez l'organisation XXX », en actionnant le bouton « C'est parti ! », on obtient l'appel d’API suivant en erreur :

409 Conflict - POST /api/sco-organization-learners/external

Mais on obtient le même appel en erreur sur la branche dev. Ce n'est donc pas une régression 👍

[lego-technix]

✅ Lu et testé fonctionnellement avec succès avec Firefox

J'ai bien pu reproduire les 2 bugs sur dev et l'absence de ces 2 bugs sur la branche de la PR.

[lego-technix]

J'ai refait un tour et tout me semble bon 👍 😄