Tutoriel IDE Selenium

Qu’est-ce que l’IDE ​​Sélénium ?

Selenium IDE (Integrated Development Environment) est l'outil le plus simple de la suite Selenium. C'est un Firefox module complémentaire qui crée des tests très rapidement grâce à sa fonctionnalité d'enregistrement et de lecture. Cette fonctionnalité est similaire à celle de QTP. Il est facile à installer et facile à apprendre.

En raison de sa simplicité, Selenium IDE ne doit être utilisé que comme un outil de prototypage, et non comme une solution globale pour le développement et la maintenance de com.plex suites de tests.

Bien que vous puissiez utiliser Selenium IDE sans connaissances préalables en programmation, vous devez au moins être familier avec HTML, JavaScript et le DOM (Document Object Model) pour utiliser cet outil à son plein potentiel. La connaissance de JavaScript sera requis lorsque nous arriverons à la section sur la commande Selenese "script de lancement."

Selenium IDE prend en charge le mode de saisie semi-automatique lors de la création de tests. Cette fonctionnalité répond à deux objectifs :

  • Cela aide le testeur à saisir les commandes plus rapidement.
  • Il empêche l'utilisateur de saisir des commandes non valides.

Fonctionnalités de l'IDE Selenium

Fonctionnalités de l'IDE Selenium

Barre de menu

Il est situé au partie la plus haute de l'IDE. Les menus les plus couramment utilisés sont les menus Fichier, Édition et Options.

menu Fichier

  • Il contient des options pour créer, ouvrir, enregistrer et fermer des tests.
  • Les tests sont enregistré au format HTML.
  • L'option la plus utile est "Exportation" car il vous permet de transformer vos scénarios de test Selenium IDE en formats de fichiers pouvant s'exécuter sur Selenium Remote Control et WebDriver.
  • « Exporter le scénario de test sous… » exportera uniquement le scénario de test actuellement ouvert.
  • « Exporter la suite de tests sous… » exportera tous les cas de test de la suite de tests actuellement ouverte.

Menu Fichier

  • À compter du Sélénium IDE v1.9.1, les cas de test ne peuvent être exportés que vers le répertoire suivantwing formats:
  • .cs (code source C#)
  • .java (code source Java)
  • .py (code source Python)
  • .rb (code source Ruby)

Menu Fichier

Menu Edition

  • Il contient des options habituelles telles que Annuler, Rétablir, Couper, Copier, Coller, Supprimer et Sélectionner tout.
  • Les deux options les plus importantes sont les «Insérer une nouvelle commande" et "Insérer un nouveau commentaire" .

Menu Edition

  • La commande ou le commentaire nouvellement inséré sera placé au-dessus de la ligne actuellement sélectionnée.

Menu Edition

  • Commandes sont colorés noir.
  • Commentaires sont colorés violet.

Menu Edition

Menu d'options

Il fournit l'interface permettant de configurer divers paramètres de Selenium IDE.

Nous nous concentrerons sur Options et Format du Presse-papiers options.

Options du menu

Format du Presse-papiers

  • Le format Presse-papiers vous permet de copier une commande Selenese depuis l'éditeur et de la coller sous forme d'extrait de code..
  • Le format du code suit l'option que vous avez sélectionnée ici dans la liste Format du Presse-papiers.
  • HTML est la sélection par défaut.

Par exemple, lorsque vous choisissez Java/JUnit 4/WebDriver comme format de presse-papiers, chaque commande Selenese que vous copiez depuis l'éditeur de Selenium IDE sera collée sous forme de code Java. Voir l'illustration ci-dessous.

Options du menu

Boîte de dialogue Options de l'IDE Selenium box

Vous pouvez lancer la boîte de dialogue Options Selenium IDE box en cliquant sur Options > Options… dans la barre de menu. Bien que de nombreux paramètres soient disponibles, nous nous concentrerons sur les quelques plus importants.

Boîte de dialogue Options de l'IDE Selenium Box

  • Valeur du délai d'expiration par défaut. Cela fait référence au temps dont Selenium doit attendre qu'un certain élément apparaisse ou devienne accessible avant de générer une erreur. La valeur du délai d'expiration par défaut est de 30000  ms..
  • Extensions IDE Sélénium. C'est ici que vous spécifiez les extensions que vous souhaitez utiliser pour étendre les capacités de Selenium IDE. Vous pouvez visiter http://addons.mozilla.org/en-US/firefox/ et utilisez « Selenium » comme mot-clé pour rechercher les extensions spécifiques.
  • N'oubliez pas l'URL de base. Gardez cette case cochée si vous souhaitez que Selenium IDE se souvienne de l'URL de base à chaque fois que vous le lancez. Si vous décochez cette case, Selenium IDE se lancera toujours avec une valeur vide pour l'URL de base.
  • Enregistrement de démarrage automatique. Si vous cochez cette case, Selenium IDE enregistrera immédiatement les actions de votre navigateur au démarrage.
  • Constructeurs de localisateurs. C'est ici que vous spécifiez l'ordre dans lequel les localisateurs sont générés lors de l'enregistrement. Les localisateurs sont des moyens d'indiquer à Selenium IDE sur quel élément de l'interface utilisateur une commande Selenese doit agir. Dans la configuration ci-dessous, lorsque vous cliquez sur un élément avec un attribut ID, l'ID de cet élément sera utilisé comme localisateur puisque « id » est le premier de la liste. Si cet élément n'a pas d'attribut ID, Selenium recherchera ensuite l'attribut « name » puisqu'il est deuxième dans la liste. La liste s'allonge encore et encore jusqu'à ce qu'une solution appropriée soit trouvée.

Boîte de dialogue Options de l'IDE Selenium Box

Barre d'URL de base

Barre d'URL de base

  • Il dispose d'un menu déroulant qui mémorise toutes les valeurs précédentes pour un accès facile.
  • Le commandement Sélénais "ouvrir" vous amènera à l’URL que vous avez spécifiée dans l’URL de base.
  • Dans cette série de didacticiels, nous utiliserons https://demo.guru99.com/test/newtours/ comme URL de base. Il s'agit du site de Mercury Tours, une application Web maintenue par HP pour le Web Essais fins. Nous utiliserons cette application car elle contient un ensemble complet d'éléments dont nous avons besoin pour les sujets suivants.
  • L'URL de base est très utile pour accéder aux URL relatives. Supposons que votre URL de base soit définie sur https://demo.guru99.com/test/newtours/. Lorsque vous exécutez la commande « open » avec la valeur cible « signup », Selenium IDE dirigera le navigateur vers la page d'inscription. Voir l'illustration ci-dessous.

Barre d'URL de base

barre d'outils

barre d'outils Vitesse de lecture. Cela contrôle la vitesse d’exécution de votre script de test.
barre d'outils Record. Cela démarre/termine votre session d’enregistrement. Chaque action du navigateur est saisie sous forme de commande Selenese dans l'éditeur.
barre d'outils Lire l'intégralité de la suite de tests. Cela jouera séquentiellement tous les cas de test répertoriés dans le Cas de test Vitre.
barre d'outils Lire le scénario de test actuel. Cela jouera uniquement le scénario de test actuellement sélectionné dans le volet des scénarios de test.
barre d'outils Pause / Reprendre. Cela mettra en pause ou reprendra votre lecture.
barre d'outils Step. Ce bouton vous permettra d'accéder à chaque commande de votre script de test.
barre d'outils Appliquer des règles de cumul. Il s'agit d'une fonctionnalité avancée. Il vous permet de regrouper les commandes Selenese et de les exécuter en une seule action.

Volet Scénario de test

Volet Scénario de test
  • Dans Selenium IDE, vous pouvez ouvrir plus d'un cas de test à la fois.
  • Le volet des scénarios de test vous montre la liste des scénarios de test actuellement ouverts.
  • Lorsque vous ouvrez une suite de tests, le volet de scénario de test affichera lister automatiquement tous les cas de tests contenue dans celui-ci.
  • Le cas de test écrit en caractère gras est scénario de test actuellement sélectionné
  • Après la lecture, chaque cas de test est codé par couleur pour représenter s'il a réussi ou échoué.
    • La couleur verte signifie « Réussi ».
    • La couleur rouge signifie « Échec ».
  • Dans la partie inférieure se trouve un résumé du nombre de scénarios de test exécutés et ayant échoué.

Éditeur

Vous pouvez considérer l'éditeur comme l'endroit où se déroule toute l'action. Il est disponible en deux vues : Tableau et Source.

Vue tableau
  • La plupart du temps, vous travaillerez sur Selenium IDE en utilisant le Vue tableau.
  • Ceci où vous créez et modifiez les commandes Selenese.
  • Après la lecture, chaque étape est codée par couleur.

Vue tableau

  • Pour créer des étapes, tapez le nom de la commande dans le texte « Commande » box.
  • Il affiche une liste déroulante de commandes qui correspondent à l'entrée que vous êtes en train de saisir.
  • Target est n'importe quel paramètre (comme le nom d'utilisateur, le mot de passe) pour une commande et Value est la valeur d'entrée (comme tom, 123pass) pour ces cibles.

Vue tableau

Vue source
  • Il affiche les étapes au format HTML (par défaut).
  • Il vous permet également de modifier votre script comme dans la vue Tableau.

Vue source

Volet de journal

Le volet de journal affiche les messages d'exécution pendant l'exécution. Il fournit des mises à jour en temps réel sur ce que fait Selenium IDE.

Les journaux sont classés en quatre types :

  • Débogage – Par défaut, les messages de débogage ne sont pas affichés dans le panneau de journal. Ils n'apparaissent que lorsque vous les filtrez. Ils fournissent des informations techniques sur ce que Selenium IDE fait en coulisses. Il peut afficher des messages tels qu'un module spécifique a terminé le chargement, une certaine fonction est appelée ou un fichier JavaScript externe a été chargé en tant qu'extension.
  • Info – Il indique quelle commande Selenium IDE est en cours d’exécution.
  • Avertir – Il s'agit de messages d'avertissement rencontrés dans des situations particulières.
  • Erreur – Il s'agit de messages d'erreur générés lorsque Selenium IDE ne parvient pas à exécuter une commande ou si une condition spécifiée par la commande « verify » ou « assert » n'est pas remplie.

Volet de journal

Les journaux peuvent être filtrés par type. Par exemple, si vous choisissez de sélectionner l'option « Erreur » dans la liste déroulante, le volet de journal affichera uniquement les messages d'erreur.

Volet de journal

Volet de référence

Le volet de référence affiche une description concise de la commande Selenese actuellement sélectionnée dans l'éditeur. Il montre également le description du localisateur et de la valeur à utiliser sur cette commande.

Volet de référence

Volet des éléments de l'interface utilisateur

L'élément UI est destiné aux utilisateurs avancés de Selenium. Il utilise JavaScript Object Notation (JSON) pour définir les mappages d'éléments. La documentation et les ressources se trouvent dans l'option « Documentation des éléments d'interface utilisateur » dans le menu Aide de Selenium IDE.

Volet des éléments de l'interface utilisateur

Un exemple d’écran d’élément d’interface utilisateur est présenté ci-dessous.

Volet des éléments de l'interface utilisateur

Volet de consolidation

Rollup vous permet d'exécuter un groupe de commandes en une seule étape. Un groupe de commandes est simplement appelé « cumul ». Il utilise largement les concepts JavaScript et UI-Element pour formuler un ensemble de commandes similaires à une « fonction » dans les langages de programmation.

Les rollups sont réutilisables; ce qui signifie qu’ils peuvent être utilisés plusieurs fois dans le scénario de test. Étant donné que les rollups sont des groupes de commandes condensées en une seule, ils contribuent grandement à raccourcir votre script de test.

Volet de consolidation

Un exemple de l'apparence du contenu de l'onglet cumulatif est présenté ci-dessous.

Volet de consolidation

Résumé

  • Selenium IDE (Integrated Development Environment) est l'outil le plus simple de la suite Selenium.
  • Il ne doit être utilisé que comme outil de prototypage.
  • La connaissance de JavaScript et HTML est requise pour les sujets intermédiaires tels que l'exécution des commandes « runScript » et « rollup ». Un rollup est un ensemble de commandes que vous pouvez réutiliser pour raccourcir considérablement vos scripts de test. Les localisateurs sont des identifiants qui indiquent à Selenium IDE comment accéder à un élément.
  • Firebug (ou tout module complémentaire similaire) est utilisé pour obtenir les valeurs du localisateur.
  • La barre de menus est utilisée pour créer, modifier et exporter des cas de test dans des formats utilisables par Selenium RC et WebDriver.
  • Le format par défaut des commandes Selenese est HTML.
  • Le menu « Options » permet d'accéder à diverses configurations pour Selenium IDE.
  • L'URL de base est utile pour accéder aux URL relatives.
  • Le volet des scénarios de test affiche la liste des scénarios de test actuellement ouverts et un résumé concis des exécutions de tests.
  • L'éditeur fournit l'interface pour vos scripts de test.
  • La vue Tableau affiche votre script sous forme de tableau avec « Commande », « Cible » et « Valeur » comme colonnes.
  • La vue Source affiche votre script au format HTML.
  • Les onglets Journal et Référence fournissent des commentaires et d'autres informations utiles lors de l'exécution de tests.
  • Les onglets UI-Element et Rollup sont réservés aux utilisateurs avancés de Selenium IDE. Ils nécessitent tous deux des efforts considérables pour coder JavaScript.
  • UI-Element vous permet de mapper facilement des éléments d'interface utilisateur à l'aide de la notation d'objet JavaScript (JSON).