Billed

Description

Billed est un projet que j’ai réalisé dans le cadre de ma formation de Développeur Front-End chez OpenClassrooms.

Cette mission consistait à débogguer une application existante en utilisant les technologies JavaScript et Jest pour la réalisation de tests unitaires. J’ai également eu l’opportunité d’interagir avec des API pour améliorer le fonctionnement de l’application.

Ce projet a été une occasion précieuse pour renforcer mes compétences en développement front-end, notamment en matière de déboggage et de tests unitaires.

Bonjour,

Tout d’abord, merci de nous prêter main-forte cette semaine pour la mise en place de tests sur la fonctionnalité “note de frais”.

Cette fonctionnalité est très attendue sur le marché et le top management a mis la priorité dessus. L’objectif est de la lancer officiellement auprès de nos clients d’ici 2 semaines. Les délais sont donc très serrés. La feature team a beaucoup travaillé ces dernières semaines, mais le départ de Garance n’arrange pas les choses et nous avons besoin de ton aide pour la dernière ligne droite.

Présentation de la fonctionnalité :

Pour comprendre son utilité et savoir comment elle marche, lis d’abord la description de la fonctionnalité.

Comme tu peux le constater, il y a deux parcours utilisateurs : un administrateur RH et un employé.

État d’avancement du projet :

L’essentiel a déjà été développé, je te rassure :

✅ Le back-end des deux parcours est prêt en version alpha.

🚧 Côté front-end :
↳ Parcours administrateur : il a été testé par Garance, il faut désormais le débugger.

↳ Parcours employé : il faut entièrement le tester et le débugger.

Garance avait utilisé Chrome Debugger, il faudra continuer avec cet outil.

Comment accéder à la fonctionnalité ?

Tu devras installer le back-end disponible sur ce repo ainsi que le frontend disponible ici. Suis bien les instructions des deux README pour comprendre comment faire fonctionner tout ça.

Tes missions :

Tout ce que j’attends de toi pour fiabiliser et améliorer le parcours employé est décrit dans ce document. Il correspond à la description pratique des besoins pour la mise en place de la fonctionnalité. Il faut que tu le lises très attentivement.

Tu y trouveras notamment le rapport avec les bugs identifiés (Kanban Notion) ainsi qu’un exemple de plan de tests End-to-End.

Voilà, bon courage pour résoudre ces bugs et mettre en place les tests manquants ! On compte sur toi.

Matthieu

Lead Developer @Billed

Mise en place de la fonctionnalité “notes de frais”

Description pratique des besoins

Contexte

  • Départ imprévu de Garance qui travaillait initialement sur le projet et remplacement au pied levé.
  • Fonctionnalité très attendue et timing serré car lancement dans deux semaines.
  • Deux parcours sur la fonctionnalité : 1. Employé et 2. Administrateur RH.

Où en sommes-nous actuellement ?

  • Back-end Front-end
    • Parcours employé
      • Prêt en version alpha
      • À tester
      • À débugger
    • Parcours admin
      • Prêt en version alpha
      • Testé
      • À débugger

Équipe et missions

  • Matthieu
  • Garance (remplaçante)
  • Leïla (Lead developer)
  • Feature team
    • A développé, débuggé et testé une partie de la fonctionnalité
  • Front-end developer
    • Débugge et teste la fonctionnalité
  • Quality assurance
    • Identifie les bugs et réalise les tests End-to-End

Tâches et règles/contraintes

  1. [Bug – report]
  2. [Bug – hunt]
  3. [Tests unitaires et d’intégration]
  4. [Test End-to-End]

Autres informations

  • L’application contient déjà des données test mais il est nécessaire d’en créer de nouvelles.
  • Des comptes administrateur et employé ont été créés pour les tests dans le readme du code front-end. Il faut les utiliser pour pouvoir charger une note de frais côté employé et la consulter côté administrateur RH.

 

Details
  • Date: février 15, 2023
  • Categories: Formation JavaScript ReactOptimisation/Debug
  • technologies: JAVASCRIPT
  • JEST
  • API
  • kanban: LINK
  • rapport: LINK
  • tests End-to-end: LINK
  • test jest: LINK
  • github: LINK
  • hebergement: N/A
  • url: N/A