Tutoriel Selenium IDE: Commandes IDE avec exemples sur Firefox

selenium ide tutorial

Dans ce didacticiel Selenium IDE, apprenez les commandes Selenium IDE avec des exemples sur le navigateur Firefox:

Ce tutoriel est de loin l'un des tutoriels les plus importants pour mettre la main sur Selenium IDE .

Ceci est le 3ème tutoriel de notre multi-partie Série de didacticiels Selenium . Nous avons commencé cette série de formation en ligne Selenium à partir de ce tutoriel où vous pouvez trouver la liste de tous les tutoriels couverts.

Dans les tutoriels d'introduction, nous avons eu une brève idée sur Installation de Selenium IDE et ses fonctionnalités .

À l'avenir, nous exercerions et implémenterions ces fonctionnalités en temps réel en créant notre tout premier script Selenium IDE. nous jetterait également un coup d'œil dans les détails des fondamentaux de l'enregistrement et des types de commandes disponibles dans Selenium IDE. En dehors de cela, nous aurions également un aperçu des modifications qui peuvent être incorporées dans nos scripts Selenium.

Avant de passer à la création du script Selenium IDE, prenons un moment pour introduire des informations élémentaires sur l'application sous test (AUT).

À titre d'exemple, nous utiliserions «Gmail» - un service de messagerie conçu par Google. Je crois qu'en raison de sa popularité illimitée, il n'a plus besoin de présentations. L'URL que nous utiliserions est 'https://accounts.google.com'. J'ai également créé des informations d'identification factices pour représenter les données de test.

Ce que vous apprendrez:

• Création du premier script IDE Selenium
• Processus n ° 1: enregistrement d'un script de test
• Processus n ° 2: lecture / exécution d'un script de test
• Processus n ° 3: enregistrement d'un script de test
• Utilisation des fonctionnalités communes de Selenium IDE
• Utilisation de l'option 'Exécuter cette commande'
• Utilisation du point de départ
• Utilisation du point de rupture
• Utilisation du bouton Rechercher
• Utilisation d'autres formats
• Commandes IDE Selenium
• Conclusion
• lecture recommandée

Création du premier script IDE Selenium

Alors créons maintenant notre premier script en utilisant Selenium IDE.

L'ensemble du processus de création de script peut être classé en 3 morceaux:

Processus n ° 1: Enregistrement - Selenium IDE aide l'utilisateur à enregistrer les interactions de l'utilisateur avec le navigateur et donc les actions enregistrées dans leur ensemble sont appelées script Selenium IDE.

comment ajouter à un tableau

Processus n ° 2: Lecture - Dans cette section, nous exécutons le script enregistré afin de vérifier et surveiller sa stabilité et son taux de réussite.

Processus n ° 3: Économie - Une fois que nous avons enregistré un script stable, nous pouvons vouloir le sauvegarder pour de futures exécutions et régressions.

Voyons maintenant leur mise en œuvre.

Processus n ° 1: enregistrement d'un script de test

Scénario

• Ouvrez «https://accounts.google.com».
• Affirmer le titre de l'application
• Entrez un nom d'utilisateur et un mot de passe valides et soumettez les détails pour vous connecter.
• Vérifiez que l'utilisateur est redirigé vers la page d'accueil.
  

Étape 1 - Lancez Firefox et ouvrez Selenium IDE à partir de la barre de menus.

Étape 2 - Saisissez l'adresse de l'application testée ('https://accounts.google.com') dans la zone de texte URL de base.

Étape 3 - Par défaut, le bouton Enregistrer est à l'état ON. N'oubliez pas de le régler sur ON s'il est à l'état OFF afin d'activer le mode d'enregistrement.

Étape 4 - Ouvrez l'application en cours de test (https://accounts.google.com) dans Firefox.

Étape 5 - Vérifiez si le titre de l'application est correct. Pour ce faire, cliquez avec le bouton droit n'importe où sur la page, à l'exception des hyperliens ou des images. Le clic droit ouvre le menu contextuel de Selenium IDE listant quelques-unes des commandes. Pour obtenir une liste complète, sélectionnez l'option «Afficher les commandes disponibles». Cela ouvrira un autre menu contenant le reste des commandes disponibles et applicables. Sélectionnez l'option 'AssertTitle Sign in - Google Accounts' pour vérifier le titre de la page.

(Cliquez pour voir l'image agrandie)

Dès que nous cliquons sur l'option «AssertTitle Sign in - Google Accounts», une étape de test sera incluse / ajoutée dans l'éditeur Selenium IDE.

Étape 6 - Saisissez un nom d'utilisateur valide dans la zone de texte 'E-mail' de Gmail.

Étape 7 - Entrez un mot de passe valide dans la zone de texte «Mot de passe» de Gmail.

La simulation des mêmes actions utilisateur peut être vue dans l'éditeur de test Selenium IDE.

Notez que pour faciliter la compréhension, j'ai déjà créé des informations d'identification de test. Je conseillerais strictement aux lecteurs de créer leurs propres informations d'identification au lieu de les utiliser.

Étape 8 - Cliquez sur le bouton «Connexion» pour terminer le processus de connexion.

L'utilisateur doit être redirigé vers la page d'accueil à condition que les informations d'identification entrées soient correctes.

Étape 9 - À la fin, nous terminerions la session d'enregistrement en réglant le bouton d'enregistrement sur l'état OFF. Voici le script enregistré.

Processus n ° 2: lecture / exécution d'un script de test

Maintenant que nous avons créé notre premier script Selenium IDE, nous voudrions l'exécuter pour voir si le script est suffisamment stable. Cliquez sur le bouton de lecture pour exécuter le script.

Après l'exécution, toutes les étapes de test seront codées en couleur en vert pour l'exécution réussie. Le même serait évitable du volet de cas de test.

En cas d'échec de l'exécution ou de l'échec du scénario de test, l'étape de test qui a échoué est mise en évidence en rouge. Et le volet de cas de test marquerait l'exécution du scénario de test comme l'échec.

Processus n ° 3: enregistrement d'un script de test

Une fois, nous avons relu le script, il est maintenant temps d'enregistrer le script de test créé.

Étape 1 - Pour enregistrer le script de test, cliquez sur le menu Fichier et sélectionnez l'option «Enregistrer le scénario de test».

Étape 2 - Le système nous demandera de parcourir ou de saisir l'emplacement souhaité pour enregistrer notre scénario de test et de fournir le nom du script de test. Fournissez le nom du test comme 'Gmail_Login' et cliquez sur le bouton 'Enregistrer'.

Le script de test se trouve à l'emplacement indiqué à l'étape ci-dessus. Notez que le script de test est enregistré au format HTML.

Utilisation des fonctionnalités communes de Selenium IDE

Définition de la vitesse d'exécution

Lors du test des applications Web, nous rencontrons plusieurs scénarios dans lesquels une action effectuée peut déclencher un chargement de page. Nous devons donc être suffisamment conscients lorsque nous traitons de tels scénarios.

Ainsi, pour éviter les échecs lors de la lecture de ces scénarios de test, nous pouvons définir la vitesse d'exécution pour qu'elle soit minimale. Reportez-vous à la figure suivante pour le même.

Utilisation de l'option 'Exécuter cette commande'

Selenium IDE permet à l'utilisateur d'exécuter une seule étape de test dans tout le script de test sans exécuter l'intégralité du script de test. «Exécuter cette commande» est l'option qui permet d'obtenir cette option.

L'option «Exécuter cette commande» peut être utilisée lorsque nous voulons déboguer / voir le comportement d'une étape de test particulière.

L'option «Exécuter cette commande» peut être utilisée des quatre manières suivantes:

#1. Utilisation de l'onglet Actions de la barre de menus

#deux. Utilisation de la touche de raccourci («X»)

# 3. Cliquez avec le bouton droit de la souris sur l'étape de test et sélectionnez 'Exécuter cette commande'

# 4. Double-cliquez sur l'étape de test

Dans tous les cas ci-dessus, un utilisateur doit sélectionner l'étape de test qu'il souhaite exécuter.

Étapes à suivre:

Étape 1 - Lancez le navigateur Web et ouvrez l'URL cible («https://accounts.google.com»), sélectionnez l'étape de test que nous souhaitons exécuter. N'oubliez pas d'ouvrir la bonne page Web pour réduire les risques d'échec.

Étape 2 - Appuyez sur «X» pour exécuter l'étape de test sélectionnée. Alternativement, on peut également utiliser d'autres moyens.

Étape 3 - Notez que l'étape de test sélectionnée est exécutée. L'étape de test serait codée par couleur en vert pour le succès ou en rouge pour l'échec. Dans le même temps, l'étape de test serait simulée en une action sur le navigateur Web.

Notez que l'utilisateur est responsable d'apporter le script avant d'exécuter l'étape de test et Firefox en contexte. Il existe une probabilité d'échec si l'utilisateur n'a pas ouvert la page Web légitime.

Utilisation du point de départ

Selenium IDE permet à l'utilisateur de spécifier un point de départ dans un script de test. Le point de départ pointe vers l'étape de test à partir de laquelle nous souhaitons démarrer l'exécution du script de test.

Le point de départ peut être utilisé à des moments où nous ne souhaitons pas exécuter tout le script de test à partir du début, mais nous personnalisons le script à exécuter à partir d'une certaine étape.

Le point de départ peut être défini et effacé des trois manières suivantes:

#1. Utilisation de l'onglet Actions de la barre de menus

#deux. Utilisation de la touche de raccourci («S»)

# 3. Cliquez avec le bouton droit sur l'étape de test et sélectionnez «Définir / Effacer le point de départ». Un menu similaire à l'image ci-dessus sera affiché.

Dans tous les cas ci-dessus, l'utilisateur doit sélectionner l'étape de test à partir de laquelle il souhaite démarrer l'exécution avant de définir le point de départ.

Dès que l'utilisateur a marqué l'étape de test pour indiquer le point de départ, une icône y est apposée.

Maintenant, chaque fois que nous exécutons le script de test, son exécution commencerait à partir du point de départ, c'est-à-dire la quatrième ligne (type | id = Passwd | TestSelenium) du script de test.

Remarques

• Il ne peut y avoir qu'un et un seul point de départ dans un même script.
• Le point de départ peut être effacé de la même manière qu'il a été défini.
• L'utilisateur est responsable d'apporter le script après avoir appliqué le point de départ et Firefox en contexte. Il existe une probabilité d'échec si l'utilisateur n'a pas ouvert la page Web légitime.
  

Utilisation du point de rupture

Selenium IDE permet à l'utilisateur de spécifier des points d'arrêt dans un script de test. Les points d'arrêt indiquent Selenium IDE où mettre le script de test en pause.

Les points d'arrêt peuvent être utilisés lorsque nous souhaitons interrompre l'exécution en petits morceaux logiques pour observer les tendances d'exécution.

Le point d'arrêt peut être défini et effacé des trois manières suivantes:

• Utilisation de l'onglet Actions de la barre de menus
• Cliquez avec le bouton droit sur l'étape de test et sélectionnez «Toggle Breakpoint».
• Utilisation de la touche de raccourci («B»)

Dès que l'utilisateur a marqué l'étape de test pour indiquer le point d'arrêt, une icône y est apposée.

Désormais, chaque fois que nous exécutons le script de test, l'exécution s'arrête au point d'arrêt, c'est-à-dire à la quatrième ligne (type | id = Passwd | TestSelenium) du script de test.

Appliquer plusieurs points d'arrêt

Selenium IDE permet à l'utilisateur d'appliquer plusieurs points d'arrêt dans un seul script de test. Une fois la première section du script de test exécutée, le script s'interrompt au fur et à mesure que le point d'arrêt est atteint. Pour exécuter les étapes de test suivantes, l'utilisateur doit exécuter chacune des étapes de test de manière explicite.

Dans le script de test ci-dessus, l'exécution s'interrompt à la ligne «assertTitle | Connectez-vous - Comptes Google ». Après avoir exécuté explicitement cette étape de test, la commande passe à l'étape de test suivante dans la séquence «type | id = Email | TestSelenium1607@gmail.com ». Ainsi, l'utilisateur doit exécuter explicitement cette étape de test. La tendance similaire est suivie pour le reste des étapes suivantes.

Ainsi, cette fonctionnalité permet à l'utilisateur de passer plus de temps à exécuter chaque étape et à examiner les résultats de l'étape de test précédemment exécutée.

Remarques

• Il peut y avoir autant de points d'arrêt que vous le souhaitez dans un seul script.
• Le point d'arrêt peut être effacé de la même manière qu'il a été défini.
  

Utilisation du bouton Rechercher

L'un des aspects les plus cruciaux des scripts de test Selenium IDE est de trouver et de localiser des éléments Web dans une page Web. Parfois, il existe des éléments Web auxquels sont associées des propriétés analogues, ce qui rend difficile pour un utilisateur d'identifier un élément Web particulier de manière unique.

Pour résoudre ce problème, Selenium IDE fournit un bouton Rechercher. Le bouton Rechercher est utilisé pour vérifier que la valeur du localisateur fournie dans la zone de test cible est bien correcte et identifie l'élément Web désigné sur l'interface graphique.

Considérons le script de test Selenium IDE créé ci-dessus. Sélectionnez une commande et notez la zone de texte cible. Cliquez sur le bouton Rechercher présent juste à côté de la zone de texte Cible.

Notez que l'élément Web correspondant serait surligné en jaune avec une bordure verte fluorescente autour de lui. Si aucun élément Web ou un élément Web incorrect est mis en surbrillance, l'utilisateur doit corriger le problème et doit imposer une autre valeur de localisateur.

(Cliquez pour voir l'image agrandie)

Ainsi, cette procédure permet à l'utilisateur d'être assuré de la valeur cible utilisée et qu'elle correspond à l'élément Web correct sur l'interface graphique.

Utilisation d'autres formats

Conversion de scripts de test Selenium IDE en d'autres langages de programmation

Selenium IDE prend en charge les scripts de test de conversion dans un ensemble de langages de programmation à partir d'un type par défaut (HTML). Les scripts de test convertis ne peuvent pas être lus à l'aide de Selenium IDE tant qu'il n'est pas revenu au HTML. Ainsi, la conversion n'est bénéfique et constructive que lorsque nous l'exécutons à partir d'autres outils de Selenium Suite.

Étape 1 - Cliquez sur l'onglet options sous la barre de menu et sélectionnez le format du langage de programmation sous l'option format afin de convertir le script de test dans le format souhaité.

Étape 2 - Dès que nous sélectionnons notre format de langage de programmation souhaité («Java / JUnit4 / WebDriver» dans notre cas), une boîte de dialogue apparaît indiquant «Le changement de format est désormais marqué comme expérimental! Si vous continuez, l'enregistrement et la lecture risquent de ne pas fonctionner, vos modifications risquent d'être perdues et vous devrez peut-être copier et coller le texte dans un éditeur de texte pour l'enregistrer. Il est préférable de faire une copie de vos scénarios de test avant de continuer. Voulez-vous toujours continuer? ' Cliquez sur «OK» pour continuer.

Ainsi, le code converti ci-dessus peut être exécuté à l'aide de WebDriver.

Notez que l'édition ou la modification des scripts de test Selenium IDE à partir de la vue Source n'est pas recommandée. Si cela est fait, l'outil peut introduire plusieurs répercussions. Plusieurs bogues connus y sont déjà associés.

Commandes IDE Selenium

Chaque étape de test Selenium IDE peut être principalement divisée en trois composants:

• Commander
• Cibler
• Évaluer

Types de commandes Selenium IDE

Il existe trois types de commandes Selenium IDE. Chacune des étapes de test de Selenium IDE appartient à l'une des catégories suivantes.

• Actions
• Accesseurs
• Assertions

Actions

Les actions sont ces commandes qui interagissent directement avec l'application en modifiant son état ou en versant des données de test.

Par exemple, la commande «type» permet à l'utilisateur d'interagir directement avec les éléments Web comme une zone de texte. Il leur permet de saisir une valeur spécifique dans la zone de texte et comme lorsque la valeur est saisie; il est également affiché sur l'interface utilisateur.

Un autre exemple est la commande «clic». La commande «clic» permet à l'utilisateur de manipuler l'état de l'application.

En cas d'échec d'une commande de type action, l'exécution du script de test s'arrête et le reste des étapes de test ne sera pas exécuté.

Accesseurs

Les accesseurs sont ces commandes qui permettent à l'utilisateur de stocker certaines valeurs dans une variable définie par l'utilisateur. Ces valeurs stockées peuvent être utilisées ultérieurement pour créer des assertions et des vérifications.

Par exemple, «storeAllLinks» lit et stocke tous les hyperliens disponibles dans une page Web dans une variable définie par l'utilisateur. N'oubliez pas que la variable est de type tableau s'il y a plusieurs valeurs à stocker.

Assertions

Les assertions sont très similaires aux accesseurs car elles n'interagissent pas directement avec l'application. Les assertions sont utilisées pour vérifier l'état actuel de l'application avec un état attendu.

Formes d'assertions:

#1. affirmer - la commande «assert» s'assure que l'exécution du test est terminée en cas d'échec.

# 2. Vérifier - la commande «verify» permet à Selenium IDE de poursuivre l'exécution du script de test même si la vérification échoue.

# 3. attendre - la commande «waitFor» attend qu'une certaine condition soit remplie avant d'exécuter l'étape de test suivante. Les conditions sont comme la page à charger, l'élément à être présent. Il permet à l'exécution du test de se poursuivre même si la condition n'est pas remplie dans le délai d'attente stipulé.

Commandes Selenium IDE couramment utilisées

Conclusion

Dans ce tutoriel, nous avons essayé de vous familiariser avec la création de scripts Selenium IDE. Nous vous avons également informé de l'utilisation de diverses fonctionnalités de Selenium.

Voici les points essentiels de cet article.

• Le script de test dans Selenium IDE peut être créé à l'aide de la fonction d'enregistrement et de lecture.
• Le mécanisme de création de script peut être divisé en 3 processus - Enregistrement, lecture et Économie le script de test.
• Selenium IDE permet à l'utilisateur d'exécuter une seule étape de test dans le script de test sans exécuter l'intégralité du script de test. ' Exécutez cette commande »Est l'option qui permet d'obtenir ce résultat.
• L'utilisateur est mis à profit pour définir la vitesse d'exécution à partir de l'option dans la barre d'outils.
• L'utilisateur peut définir n'importe quelle étape de test comme Point de départ . Ainsi, l'exécution commencera toujours à partir de cette étape de test particulière uniquement.
• L'utilisateur peut définir plusieurs Points d'arrêt pour suspendre l'exécution à une certaine étape du test.
• L'utilisateur peut trouver et vérifier si la valeur cible fournie correspond à l'élément Web correct dans la page Web en utilisant Trouver
• Il n'est pas recommandé de changer la vue source vers d'autres formats car il existe une probabilité de perte de données.
• N'oubliez pas de conserver une copie du script de test HTML avant de convertir le script de test dans d'autres formats non HTML.
• Il existe principalement trois types de commandes - Actions, accesseurs et assertions .
• Les actions interagissent directement avec l'application et modifient son état.
• Les accesseurs sont utilisés pour stocker la propriété d'un élément dans une variable définie par l'utilisateur.
• Les assertions sont utilisées pour vérifier si une condition spécifiée est remplie ou non.
• Les assertions peuvent en outre être classées comme vérifier, affirmer et attendre commandes .
• Vérifier s'assure que l'exécution du script de test n'est jamais interrompue même si la vérification échoue.
• Assert n'autorise plus l'exécution du script de test en cas d'échec.
• WaitFor attend pendant une période déterminée pour qu'une certaine condition soit remplie.
• Certaines des commandes Selenium IDE qui sont couramment utilisées sont:
  • ouvert
  • assertTitle / VerifyTitle
  • AssertForElementPresent / VerifyForElementPresent
  • AssertForTextPresent / VerifyForTextPresent
  • type / typeAndWait / sendKeys
  • click / clickAt / clickAndWait
  • waitForPageToLoad
  • waitForElementPresent
  • chooseOkOnNextConfirmation / chooseCancelOnNextConfirmation

Tutoriel suivant # 4 : Il existe un autre outil qui joue un rôle très important en nous aidant à créer des scripts de test efficaces appelés «Firebug». Firebug nous aide à inspecter les propriétés des éléments Web et des pages Web. Ainsi, le prochain tutoriel comprend une installation de Firebug et son utilisation. Nous voudrions aussi créer un script de test manuellement en utilisant Firebug et Selenium IDE.

Remarque : Ne manquez pas le prochain tutoriel en raison de sa grande importance par rapport à nos prochains tutoriels sur WebDriver.

Comme d'habitude, faites-nous part de vos questions dans les commentaires ci-dessous.

lecture recommandée

• Introduction à Selenium WebDriver - Tutoriel Selenium # 8
• Tutoriel de recherche d'élément par texte de sélénium avec des exemples
• 30+ meilleurs tutoriels sur Selenium: Apprenez le sélénium avec de vrais exemples
• Tutoriel Cucumber Selenium: Intégration Cucumber Java Selenium WebDriver
• Tutoriels Eclipse détaillés pour les débutants
• Tutoriel Python DateTime avec des exemples
• Script Selenium efficace et scénarios de dépannage - Tutoriel Selenium # 27
• Débogage de scripts Selenium avec des journaux (Tutoriel Log4j) - Tutoriel Selenium # 26