Validation E2E de Page de détail de titre

Billet #239 : Validation E2E – Page de détail de titre et refonte Page Objects et locators
Type : Automatisation / E2E / Qualité
Composants concernés : e2e/src/pages/PortefeuillePage.ts, e2e/src/pages/TitreDetailPage.ts, e2e/src/tests/titreDetail.spec.ts, e2e/src/pages/locators/, docs/tests/, docs/fr/tests/

1. Contexte et objectif

Un test E2E dédié a été ajouté pour la page de détail de titre, afin de valider automatiquement le parcours utilisateur suivant : connexion, accès à la page « Titres de mon portefeuille », sélection d'un titre, puis validation de tous les éléments clés sur la page de détail (nom/symbole, performance, graphique, données techniques, historique).

En parallèle, une refonte complète de la gestion des locators Playwright a été réalisée. L'objectif était de centraliser tous les sélecteurs dans des fichiers dédiés, d'harmoniser leur nommage, et de s'assurer que chaque Page Object ne consomme que ces locators centralisés. Cette démarche vise à renforcer la robustesse et la maintenabilité des tests E2E.

2. Problèmes initiaux identifiés

Aucun test E2E dédié au parcours « liste de titres → détail ».
Risque de régression sur le format des données affichées (présentation, devises, structure).
Sélecteurs dispersés, mêlant logique et locators dans les Page Objects.

3. Plan validé

Création de deux nouveaux Page Objects : PortefeuillePage.ts (liste) et TitreDetailPage.ts (détail).
Centralisation et harmonisation de tous les locators dans des fichiers dédiés, importés dans chaque Page Object.
Rédaction d'un fichier de test unique titreDetail.spec.ts : navigation, validation de chaque bloc métier, vérification des formats (regex flexible, libellés en français, devises USD/CAD).
Utilisation systématique de la session pré-authentifiée pour garantir la stabilité.

4. Solutions mises en œuvre

Création et documentation de PortefeuillePage.ts : navigation, vérification de la liste, clic sur le premier titre.
Création et documentation de TitreDetailPage.ts : méthodes de validation pour chaque bloc (nom/symbole, variation, graphique, données techniques, historique).
Extraction et harmonisation de tous les locators dans des fichiers dédiés, importés dans chaque Page Object.
Création de titreDetail.spec.ts : 7 tests indépendants, chacun validant un aspect métier spécifique du parcours.

5. Validation et résultats

Tous les tests passent sur Chromium, chaque bloc métier est validé.
Le parcours utilisateur clé est désormais couvert par un test E2E robuste, lisible et maintenable.
La centralisation des locators simplifie la maintenance et accélère les audits.