Selenium au Cucumber (Tutoriel sur le framework BDD)

Dans ce tutoriel, vous apprendrez à intégrer Cucumber au Selenium WebDriver pour construire un framework de développement piloté par le comportement (BDD) lisible, maintenable et basé sur les données.

Qu'est-ce que le Cucumber?

Cucumber est un outil de test qui prend en charge le développement piloté par le comportement (BDD). Il décrit le comportement d'une application en langage Gherkin, ce qui permet aux non-développeurs de contribuer aux spécifications de test sans avoir à apprendre un langage de programmation. Pour en savoir plus, consultez notre Cucumber tutoriel.

Qu'est-ce que le Selenium?

Selenium est un outil d'automatisation utilisé pour Essais fonctionnels des applications web. Selenium prend en charge plusieurs langages de programmation, notamment Java, Rubis, Pythonet C#, ce qui en fait un choix idéal pour les équipes aux profils techniques variés. Pour en savoir plus, consultez notre Selenium tutoriel.

Pourquoi utiliser Cucumber au Selenium?

Cucumber et Selenium sont deux des technologies de test les plus largement adoptées. La plupart des organisations utilisent déjà Selenium pour les tests fonctionnels et je souhaite ajouter des couches Cucumber au sommet parce que Cucumber facilite la lecture et la compréhension du flux de l'application.

Cucumber est basé sur le cadre de développement piloté par le comportement qui agit comme un pont entre les rôles suivants :

1. Ingénieur logiciel et analyste commercial.
2. Testeur manuel et testeur d'automatisation.
3. Testeur manuel et développeurs.

Le Cucumber Le cadre BDD également aide les clients à comprendre le code de l'application Parce qu'il utilise le langage Gherkin, qui est en texte clair. Toute personne au sein de l'organisation peut ainsi comprendre le comportement du logiciel. La syntaxe Gherkin est en anglais simple et lisible, ce qui rend la spécification accessible aux lecteurs non techniques.

Conditions préalables à l'utilisation Cucumber au Selenium

Avant de commencer le Cucumber-Selenium Pour l'intégration, vous aurez besoin des éléments suivants :

Selenium fichiers jar :

• Selenium-serveur-autonome

Vous pouvez les télécharger sur https://www.selenium.dev/downloads/.

Fichiers Jar pour Cucumber:

• Cucumber-coeur
• Cucumber-html
• Cobertura couverture de code
• Cucumber-Java
• Cucumber-juin
• Cucumber-jvm-deps
• Cucumberrapporter
• Noyau de hamcrest
• Cornichon
• JUnit

Vous pouvez les télécharger sur https://mvnrepository.com/search?q=CucumberVous devrez rechercher chaque fichier jar et les télécharger un par un.

Par exemple, voici comment télécharger l'un des fichiers jar, le «Cucumber-bibliothèque « core ».

Cliquez sur le lien de téléchargement ci-dessus. Il vous redirigera vers le site du dépôt Maven. Recherchez ensuite le fichier JAR spécifique (dans ce cas, « Cucumber « Noyau » comme indiqué dans la capture d’écran ci-dessous :

Sur la page suivante, cliquez sur la version 1.2.2 :

Sur l'écran suivant, cliquez sur Télécharger pour récupérer le Cucumber Fichier jar principal :

À noter: Par souci de commodité, nous avons regroupé les fichiers jar Maven nécessaires. iciCes fichiers JAR peuvent devenir obsolètes et incompatibles avec le temps ; nous vous recommandons donc de les télécharger vous-même en utilisant la méthode décrite ci-dessus.

Tests d'automatisation utilisant Cucumber au Selenium

Voyons ensemble comment l'utiliser Cucumber au Selenium Étape par étape. Nous allons ici aborder trois scénarios :

• Scénario 1 : imprimer du texte dans la console.
• Scénario 2 : Saisissez vos identifiants de connexion et réinitialisez la valeur.
• Scénario 3 : Saisir les identifiants de connexion sur Guru99 et réinitialiser la valeur — répété pour 3 ensembles de données.

Scénario 1 : Afficher du texte dans la console

Dans ce scénario, nous affichons simplement du texte dans la console en utilisant Cucumber.

Étape 1) Créer un projet dans Eclipse.

Créer un Java projet portant le nom "CucumberAvecSelenium » comme indiqué dans la capture d'écran ci-dessous.

Étape 2) Ajoutez les fichiers jar au projet.

Cliquez avec le bouton droit sur le projet > Propriétés > Java Chemin de compilation. Ajoutez toutes les bibliothèques que vous avez téléchargées précédemment.

Étape 3) Créez un fichier de fonctionnalités.

Pour créer un fichier de fonctionnalités, commencez par créer un dossier « Fonctionnalités », comme indiqué dans la capture d’écran ci-dessous.

Saisissez le nom du dossier « Fonctionnalités » et cliquez sur Terminer.

Créez maintenant un fichier de fonctionnalités dans le dossier Features nommé MyTest.featureLe processus est similaire à la création d'un dossier.

À noter: Vous devrez peut-être installer le Cucumber Eclipse Installez d'abord le plugin. Allez dans Aide → Installer un nouveau logiciel, puis collez le lien. http://cucumber.github.io/cucumber-eclipse/update-site/et installez-le.

Étape 4) Rédigez les scénarios.

Les lignes ci-dessous sont écrites en MyTest.feature en utilisant le langage Gherkin :

Feature: Reset functionality on login page of Application

Scenario: Verification of Reset button

Given Open the Firefox and launch the application

When Enter the Username and Password

Then Reset the credential

Code Explication

Ligne 1) Définit les fonctionnalités métier.

Ligne 2) Définit un scénario à tester.

Ligne 3) Définit la condition préalable (Étant donné).

Ligne 4) Définit l'action à effectuer (Quand).

Ligne 5) Définit le résultat ou l'issue attendue (Alors).

Étape 5) Ecrire le Selenium Script TestRunner pour le Cucumber Conception du cadre.

Créer un TestRunner paquet puis un Runner.java fichier de classe en dessous.

package TestRunner;

import org.junit.runner.RunWith;
import cucumber.api.CucumberOptions;
import cucumber.api.junit.Cucumber;

@RunWith(Cucumber.class)
@CucumberOptions(features = "Features", glue = {"StepDefinition"})
public class Runner
{

}

Au dessus Cucumber Java Par exemple, nous exécutons le test de concombre en utilisant les annotations suivantes :

@Courir avec() raconte JUnit à propos de la classe d'exécution des tests qui lance nos tests.

@CucumberOptions() définit les propriétés de test telles que le chemin d'accès au fichier de fonctionnalités et le package de liaison de définition d'étape.

Capture d'écran du fichier TestRunner :

Étape 6) Créez le script de définition d'étape.

Créez maintenant un Définition de l'étape paquet puis un Steps.java Le fichier script se trouve en dessous. Dans Steps.java, nous écrivons le Selenium logique correspondant à chaque étape Gherkin.

package StepDefinition;

import cucumber.api.java.en.Given;
import cucumber.api.java.en.Then;
import cucumber.api.java.en.When;

public class Steps {

    @Given("^Open the Firefox and launch the application$")
    public void open_the_Firefox_and_launch_the_application() throws Throwable
    {
        System.out.println("This Step open the Firefox and launch the application.");
    }

    @When("^Enter the Username and Password$")
    public void enter_the_Username_and_Password() throws Throwable
    {
        System.out.println("This step enter the Username and Password on the login page.");
    }

    @Then("^Reset the credential$")
    public void Reset_the_credential() throws Throwable
    {
        System.out.println("This step click on the Reset button.");
    }
}

La classe s'appelle Étapes et Cucumber Les annotations associent chaque méthode à une étape du fichier de fonctionnalités :

@Donné définit la méthode d'ouverture Firefox et lancez l'application.

@Quand définit la méthode de saisie du nom d'utilisateur et du mot de passe.

@Alors définit la méthode de réinitialisation des identifiants.

Chaque méthode se contente d'afficher un message dans la console.

La capture d'écran ci-dessous montre le script Steps.java et l'arborescence du projet :

À noter: Une définition d'étape est le code que vous souhaitez Cucumber à exécuter lorsqu'elle correspond à une étape de fichier de fonctionnalités.

Étape 7) Exécutez le script.

Exécutez ce script à partir du fichier TestRunner (Runner.java) comme indiqué ci-dessous.

Étape 8) Analysez le résultat.

Lors de l'exécution de Runner.java, Cucumber Affiche dans la console le même texte que celui défini dans Steps.java.

Scénario 2 : Saisir les identifiants de connexion et réinitialiser la valeur

Ici, nous saisissons les identifiants sur le GuruPage de connexion de démonstration 99 et réinitialisation de la valeur.

Pour le scénario 2, il suffit de mettre à jour Steps.javaIci, nous ajoutons le vrai Selenium code. Tout d'abord, assurez-vous que le Selenium Le fichier jar a été ajouté au projet.

Étape 1) Mettez à jour le script Steps.java comme indiqué ci-dessous.

package StepDefinition;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;

import cucumber.api.java.en.Given;
import cucumber.api.java.en.Then;
import cucumber.api.java.en.When;

public class Steps {

    WebDriver driver;

    @Given("^Open the Firefox and launch the application$")
    public void open_the_Firefox_and_launch_the_application() throws Throwable
    {
        System.setProperty("webdriver.gecko.driver", "E://Selenium//Selenium_Jars//geckodriver.exe");
        driver = new FirefoxDriver();
        driver.manage().window().maximize();
        driver.get("http://demo.guru99.com/v4");
    }

    @When("^Enter the Username and Password$")
    public void enter_the_Username_and_Password() throws Throwable
    {
        driver.findElement(By.name("uid")).sendKeys("username12");
        driver.findElement(By.name("password")).sendKeys("password12");
    }

    @Then("^Reset the credential$")
    public void Reset_the_credential() throws Throwable
    {
        driver.findElement(By.name("btnReset")).click();
    }
}

Capture d'écran de ce qui précède Selenium script:

Étape 2) Exécutez le script.

Après avoir mis à jour Steps.java, exécutez Runner.java.

Étape 3) Analysez le résultat. Vous y verrez les éléments suivants :

• Navigateur lancé.
• GuruLe site de démonstration de 99 Bank ouvre ses portes.
• Le nom d'utilisateur et le mot de passe sont saisis sur la page de connexion.
• Le bouton Réinitialiser efface les valeurs.

Scénario 3 : Exécuter le flux de connexion et de réinitialisation avec 3 ensembles de données

Ici, nous devons mettre à jour les deux Steps.java et le fichier de fonctionnalités permettant de gérer le même flux avec trois ensembles d'identifiants.

Étape 1) Mettez à jour le fichier de fonctionnalités comme indiqué ci-dessous.

Nous utilisons les Aperçu du scénario et Exemples syntaxe donc Cucumber répète le même scénario pour chaque ligne de données.

Feature: Reset functionality on login page of Application

Scenario Outline: Verification of reset button with multiple credentials

Given Open the Firefox and launch the application

When Enter the Username <username> and Password <password>

Then Reset the credential

Examples:
    | username | password  |
    | User1    | password1 |
    | User2    | password2 |
    | User3    | password3 |

Étape 2) Mettez à jour le script Steps.java.

Nous mettons ici à jour les signatures des méthodes afin qu'elles acceptent les paramètres du tableau des exemples.

package StepDefinition;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;

import cucumber.api.java.en.Given;
import cucumber.api.java.en.Then;
import cucumber.api.java.en.When;

public class Steps {

    WebDriver driver;

    @Given("^Open the Firefox and launch the application$")
    public void open_the_Firefox_and_launch_the_application() throws Throwable
    {
        System.setProperty("webdriver.gecko.driver", "E://Selenium//Selenium_Jars//geckodriver.exe");
        driver = new FirefoxDriver();
        driver.manage().window().maximize();
        driver.get("http://demo.guru99.com/v4");
    }

    @When("^Enter the Username \"(.*)\" and Password \"(.*)\"$")
    public void enter_the_Username_and_Password(String username, String password) throws Throwable
    {
        driver.findElement(By.name("uid")).sendKeys(username);
        driver.findElement(By.name("password")).sendKeys(password);
    }

    @Then("^Reset the credential$")
    public void Reset_the_credential() throws Throwable
    {
        driver.findElement(By.name("btnReset")).click();
    }
}

Étape 3) Exécutez le script mis à jour.

La capture d'écran ci-dessous illustre une exécution réussie et le temps nécessaire pour chaque ensemble de données.

Étape 4) Analysez les résultats. Les étapes suivantes se répètent pour chacun des 3 ensembles de données :

• Navigateur lancé.
• GuruLe site de démonstration de 99 Bank ouvre ses portes.
• Le nom d'utilisateur et le mot de passe sont saisis sur la page de connexion.
• Le bouton Réinitialiser efface les valeurs.

FAQ