PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

Nouveauté WINDEV 24 !
  • Ce que vous allez apprendre dans cette leçon
  • Présentation
  • Le tableau de bord
  • Tests automatiques
Leçon 4.13. Surveillez l'évolution de vos applications
Ce que vous allez apprendre dans cette leçon
  • Qu'est-ce que le tableau de bord ?
  • Tests automatiques.

Durée estimée : 20 mn
Leçon précédenteSommaireLeçon suivante
Présentation
Le tableau de bord du projet est un élément indispensable à la gestion de projets WINDEV. Le tableau de bord permet d'avoir une vision globale et synthétique de l'état d'avancement d'un projet.
Le tableau de bord est constitué de différents éléments (Widgets) permettant de voir d'un seul coup d'oeil l'état d'un projet.
Dans cette partie, nous nous limiterons à la manipulation des différents éléments du tableau de bord, à la gestion des tests automatiques et à l'optimisation des requêtes.

Corrigé

Si vous n'avez pas créé les fenêtres des leçons précédentes, vous pouvez suivre cette leçon en ouvrant un projet corrigé : dans la page d'accueil de WINDEV (Ctrl + <), cliquez sur "Cours d'Auto-formation" puis sélectionnez "Application complète (Avec fenêtres)".
Un projet corrigé complet de l'application est également disponible : dans la page d'accueil de WINDEV (Ctrl + <), cliquez sur "Cours d'Auto-formation" puis sélectionnez "Application complète (Corrigé)"
  • Pour afficher le tableau de bord du projet (si ce n'est pas déjà fait), sous le volet "Projet", dans le groupe "Projet", cliquez sur l'icône .
Le tableau de bord
Le tableau de bord du projet est composé de différents Widgets. Chaque Widget affiche une ou plusieurs informations concernant le projet.
Par exemple, le Widget "Performances" permet de lancer directement l'analyseur de performances ou d'ouvrir le dernier rapport de performances effectué.
Le Widget "Audit statique et Compilation" permet de voir rapidement si le projet contient des erreurs de compilation. A tout moment, il est possible d'activer ou non un Widget, d'en ajouter ou d'en supprimer.
Tests automatiques
Une des fonctionnalités intéressantes du tableau de bord est de renseigner sur les tests qui ont été réalisés sur l'application.
Nous avons déjà fait de nombreux tests d'utilisation, au fur et à mesure de la conception de notre application.
Les tests automatiques sont une catégorie de tests spécifiques. Les tests automatiques permettent d'automatiser certaines manipulations de vos fenêtres. Ces tests sont enregistrés sous forme de scénarios WLangage, facilement modifiables sous l'éditeur de code. Une fois enregistré, le test automatique peut être réexécuté autant de fois que vous voulez, pour tester par exemple l'impact d'une modification sur une fenêtre, une procédure, ...
Faisons immédiatement un essai ! Nous allons créer un test automatique sur la fenêtre de saisie que nous avons créée au début de cette leçon.

Note

Les tests automatiques peuvent être réalisés sur des fenêtres, des procédures, des classes.
  • Pour créer un test automatique sur une fenêtre, il suffit de tester la fenêtre :
    1. Ouvrez la fenêtre "FEN_Menu" sous l'éditeur.
    2. Sous le volet "Tests automatiques", dans le groupe "Tests", déroulez "Nouveau" et sélectionnez "Enregistrer un nouveau scénario".
    3. Dans la fenêtre qui s'affiche, cliquez sur "Commencer l'enregistrement".
    4. Le test de la fenêtre se lance.
    5. Cliquez sur l'onglet "Recherche de commandes".
    6. Choisissez le mode de règlement "Carte bancaire".
    7. Cliquez sur le bouton "Rechercher".
    8. Fermez la fenêtre par le menu "Menu .. Quitter" et confirmez la fin de l'application.

      Note

      Si vous n'avez pas suivi le cours en entier, cette option peut ne pas exister. Dans ce cas, fermez la fenêtre en utilisant la croix.
    9. Le test est terminé.
    10. L'éditeur de tests propose d'enregistrer une description pour le test. Le test s'appelle "Test de recherche de commandes". Validez.
    11. L'éditeur de tests affiche le code WLangage du test que vous venez d'enregistrer :
      Le test est actuellement disponible et n'est pas passé (icône devant le nom du test sous l'éditeur).
    12. Le test peut être lancé à tout moment :
      • Sélectionnez le nom du test sous l'éditeur de tests.
      • Dans le menu contextuel (clic droit), sélectionnez "Lancer".
    13. Le test s'exécute automatiquement et l'éditeur de tests affiche le résultat dans le volet "Résultat des tests" (le test est passé avec succès dans notre cas).
    14. Enregistrez le test si nécessaire.

      Note

      Les fonctions WLangage permettant de réaliser des tests automatiques sont les fonctions PiloteXXX.
  • Nous allons maintenant faire une modification dans notre fenêtre, puis repasser le test. La modification porte sur le bouton "Rechercher". Nous allons le rendre grisé.
    1. Affichez si nécessaire la fenêtre "FEN_Menu".
    2. Sous l'éditeur, cliquez sur l'onglet "Recherche de commandes" et sélectionnez le bouton "Rechercher".
    3. Affichez la description du bouton "Rechercher" (option "Description" du menu contextuel).
    4. Dans l'onglet "IHM", sélectionnez l'option "Grisé".
    5. Validez la fenêtre de description du champ.
    6. Enregistrez la fenêtre.
    7. Retournez sous l'éditeur de tests (cliquez sur le bouton correspondant dans la barre des éléments ouverts).
    8. Lancez à nouveau le test.
    9. Le test apparaît de nouveau sous l'éditeur de tests. Le volet des erreurs de compilation signale plusieurs erreurs de test.
    10. Affichez à nouveau la fenêtre "FEN_Menu" sous l'éditeur.
    11. Affichez la description du bouton "Rechercher" (option "Description" du menu contextuel).
    12. Dans l'onglet "IHM", sélectionnez l'option "Actif".
    13. Validez la fenêtre de description du champ.
    14. Retournez sous l'éditeur de tests (cliquez sur le bouton correspondant dans la barre des éléments ouverts).
    15. Relancez le test. Le test passe maintenant correctement.
  • Une autre possibilité de l'éditeur de tests est la possibilité de modifier ou d'ajouter du code WLangage dans les scénarios de test. Nous allons par exemple ajouter quelques lignes de code afin de vérifier que le champ Table contient au moins un enregistrement.
    1. Affichez l'éditeur de tests si nécessaire (par exemple double-cliquez sur "TEST_Menu" dans l'explorateur de projet).
    2. Ajoutez le code suivant avant la ligne "PiloteMenu("_Menu","OPT_Quitter") :
      // Si le champ table ne contient aucun enregistrement
      SI FEN_Menu.TABLE_REQ_RechercheCommandes..Occurrence = 0 ALORS
      // Il faut remonter une erreur
      TestEcritRésultat(terErreur, ...
       "Le champ Table est vide après recherche")
      FIN
    3. Enregistrez le test.
    4. Cliquez sur l'icône . Le test passe avec succès.
L'éditeur de tests propose de nombreuses fonctionnalités que nous ne pourrons pas aborder dans ce cours :
  • la possibilité d'utiliser un jeu de valeurs de test.
  • la définition de paramètres d'entrée et de sortie du test.
  • la possibilité de créer une bibliothèque de tests pour tester un exécutable par exemple sur une machine différente du poste de développement.
Pour plus de détails sur les tests automatiques, nous vous conseillons de consulter Présentation des tests automatiques.
  • Fermez l'éditeur de tests automatiques.
Leçon précédenteSommaireLeçon suivante
Version minimum requise
  • Version 24
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire