Vérifier les parcours de saisie et de filtrage

Une interface peut sembler correcte sans que ses parcours principaux fonctionnent réellement. Une dépense peut ne pas apparaître après validation, ou un filtre peut laisser visibles des lignes qui ne correspondent pas au choix effectué. Vous allez vérifier ces comportements avec des scénarios manuels reproductibles, directement dans le tableau de bord.

App conserve déjà les dépenses et les filtres, puis calcule la liste affichée et le total mensuel à partir de ces données. Vous n’allez donc pas ajouter de logique ni de nouvel état : l’objectif est de confronter les actions réalisées dans le navigateur aux résultats attendus.

Préparer un scénario vérifiable

Ouvrez le tableau de bord dans le navigateur et repérez le formulaire, les deux filtres, le récapitulatif mensuel et la liste. Pour savoir si les résultats sont justes, choisissez des valeurs faciles à reconnaître : par exemple une description distincte, une catégorie existante, un montant simple et une date appartenant au mois actuellement sélectionné. Notez les valeurs avant de valider afin de pouvoir les comparer à l’affichage.

• Saisissez une description que vous reconnaîtrez facilement, comme « Test transport ».
• Entrez un montant valide, choisissez une catégorie et sélectionnez une date.
• Vérifiez que les champs obligatoires du parcours sont renseignés, puis validez avec le bouton Ajouter.
• Repérez la nouvelle ligne et comparez sa description, sa catégorie, sa date et son montant avec les valeurs saisies.

Après la validation, la dépense doit apparaître une seule fois si les filtres en cours la laissent passer. Si elle n’apparaît pas, commencez par vérifier la catégorie et le mois sélectionnés : son absence peut être le résultat attendu d’un filtre, plutôt qu’un échec de l’ajout. Revenez ensuite à « Toutes les catégories » et sélectionnez le mois de la date saisie pour isoler le problème.

Vérifier le filtre de catégorie

Choisissez une catégorie dans le sélecteur et examinez chaque ligne visible. Les dépenses affichées doivent appartenir à la catégorie sélectionnée ; les autres doivent disparaître de la liste sans être supprimées des données du tableau de bord. Revenez à « Toutes les catégories » : les dépenses des différentes catégories doivent alors redevenir visibles, sous réserve du mois choisi.

Pour distinguer un filtre fonctionnel d’une liste simplement courte, choisissez si possible une catégorie présente sur plusieurs dépenses, puis une catégorie différente. Vérifiez également que votre dépense de test apparaît avec la bonne catégorie lorsque vous sélectionnez celle-ci. Cette vérification porte sur le résultat visible ; le calcul à partir des dépenses et des filtres reste celui déjà mis en place dans App.

Vérifier le filtre de mois et l’état sans résultat

Sélectionnez le mois correspondant à la date de votre dépense de test. Vérifiez que cette dépense apparaît, puis sélectionnez un autre mois pour lequel vous savez qu’aucune dépense ne correspond. La liste doit alors présenter le message « Aucune dépense pour cette période. » au lieu de lignes ne correspondant pas au mois choisi. Le message concerne les résultats visibles ; il ne signifie pas que les dépenses ont été effacées.

Les deux filtres agissent ensemble. Pour le vérifier, sélectionnez un mois contenant plusieurs catégories, puis une catégorie qui n’a aucune dépense durant ce mois : l’absence de résultat et le message vide sont alors attendus. Remettez ensuite la catégorie sur « Toutes les catégories » pour confirmer que des dépenses du même mois réapparaissent.

Enfin, comparez le récapitulatif aux dépenses correspondant au mois sélectionné, en tenant compte du comportement prévu dans votre application. Si vous changez la catégorie, vérifiez aussi si le total suit bien la liste filtrée, conformément au calcul actuel de App. Ces observations vous permettent de repérer une incohérence visible sans ajouter un état destiné à stocker le total ou la liste filtrée.

À retenir

• Testez l’ajout avec des valeurs distinctives et vérifiez la ligne produite.
• Contrôlez séparément le filtre de catégorie et le filtre de mois.
• Vérifiez que les filtres combinés n’affichent que les dépenses correspondantes.
• En l’absence de résultat, le message prévu doit remplacer les lignes de dépenses.
• Une dépense masquée par un filtre reste dans les données ; changez les critères pour la retrouver.

Dans la prochaine leçon, vous assemblerez et relirez le tableau de bord complet avant de valider le projet intégré.