Vue d'ensemble du projet
Ma mission pour ce projet était :
● La résolution des “issues” listées par l’ancien développeur.
● La résolution des “erreurs” apparaissant dans la console.
● La résolution des “erreurs” apparaissant dans les tests unitaires.
● La finalisation du cahier de recette.
● L'ajout des tests manquants dans le projet.
Les étapes du projet :
● Mettre en place votre environnement de développement :
- installer Node.js avec une version au moins égale à 16.14.2 LTS / npm 8.5.5 ;
- cloner le repository contenant le projet ;
- installer Yarn ;
- lancer la configuration des packages en suivant le guide inclus dans le README.md ;
- vérifier que chaque commande ne renvoie pas d’erreur.
● Installer React Developer Tools :
- Installer et configurer React Dev Tools.
- Exécuter l’application via yarn start.
● Réparer les bugs :
- Lister l’ensemble des bugs et localiser leur provenance dans le code.
- Lancer yarn test —watch pour consulter l’ensemble des tests restant en échec.
- Valider tous les tests (0 test en failed) ;
● Rédiger le cahier de recette.
● Ajouter des tests additionnels
- Écrire 3 tests d’intégration de la page Home.
- Écrire 3 tests unitaires sur des composants ou helpers.
Le projet se basait sur des éléments préparés au préalable :
● le code du site internet.
● les issues listées contenant une note sur les tâches à compléter laissée par l’ancien développeur.
● le cahier de recette commencé par le précédant développeur.
Les compétences évaluées étaient :
● Débugger un site web grâce aux Chrome DevTools
● Rédiger un cahier de recette pour tester un site
Pour mener à bien ce projet, j'ai suivi les cours OpenClassrooms suivants :
● Tester l’interface de votre site
● Déboguez l’interface de votre site internet
● Partagez vos données avec le Contexte et useContext
● Apprenez le behavior driven development (BDD)
● Testez vos applications Front End avec JavaScript
N’hésitez pas à consulter le code, le visuel du projet et le cahier de recette en visitant les liens correspondants ci-dessous.
Outils utilisés
HTML5
CSS3
Javascript
Git
GitHub
React
VSC