Github Intégration avec Selenium: Tutoriel complet

Qu'est-ce que GitHub ?

Git Hub est une plateforme de collaboration. Il est construit sur git. Il vous permet de conserver des copies locales et distantes de votre projet. Un projet que vous pouvez publier parmi les membres de votre équipe car ils peuvent l'utiliser et le mettre à jour lui-même à partir de là.

Avantages de l'utilisation de Git Hub pour Selenium.

  • Lorsque plusieurs personnes travaillent sur le même projet, elles peuvent mettre à jour les détails du projet et informer simultanément les autres membres de l'équipe.
  • Jenkins peut nous aider à construire régulièrement le projet à partir du référentiel distant, ce qui nous aide à suivre les builds ayant échoué.

Condition préalable pour Selenium et intégration github

Avant de commencer l'intégration de Selenium et de Git Hub, nous devons installer les composants suivants.

  1. Installation de Jenkins.
  2. Installation Maven.
  3. Installation de Tomcat.

Vous pouvez trouver ces étapes d'installation dans les liens suivants :

1) Guide d'installation de Maven et Jenkins (https://www.guru99.com/maven-jenkins-with-selenium-complete-tutorial.html)

2) Guide d'installation Tomcat (https://www.guru99.com/apache.html)

Condition préalable pour Selenium et  Github Intégration :

Installation des binaires Git

Commençons maintenant par installer « Git Binaries ».

Étape 1) Lancez le navigateur et accédez à l'URL- https://git-scm.com/

Étape 2) Téléchargez la dernière version stable.

Étape 3) Cliquez sur téléchargements pour Windows une fois le fichier téléchargé, nous pouvons commencer notre installation.

Installation des binaires Git

Étape 4) Accédez à l’emplacement ou à l’icône de téléchargement et exécutez le programme d’installation.

Étape 5) Cliquez sur bienvenue et licence grand public.

Étape 6) Cliquez sur le bouton « suivant » dans l'assistant de configuration de git

Installation des binaires Git

Étape 7) Lisez la licence publique générale GNU et cliquez sur suivant

Installation des binaires Git

Une autre fenêtre apparaîtra,

Étape 8) Dans cette étape,

  1. Sélectionnez le répertoire dans lequel vous souhaitez installer « Git Binaries » et
  2. Cliquez sur le bouton suivant

Installation des binaires Git

Étape 9) Sélectionnez le composant que vous souhaitez installer et cliquez sur suivant

Installation des binaires Git

Étape 10) Si vous souhaitez créer un dossier de menu Démarrer pour Git, laissez le paramètre par défaut et cliquez sur suivant.

Installation des binaires Git

Étape 11) Dans cette étape,

  1. Sélectionnez Utiliser Git dans la liste Windows Invite de commandes pour exécuter Git à partir de la ligne de commande et
  2. Cliquez sur suivant.

Installation des binaires Git

Laissez le paramètre par défaut et cliquez sur suivant pour installer.

Étape 12) Dans cette étape,

  1. Sélectionnez Utiliser Open SSH Cela nous aidera à exécuter la commande à partir de la ligne de commande et définira le chemin environnemental.
  2. Cliquez sur le bouton suivant.

Installation des binaires Git

Étape 13) Dans cette étape,

  1. Sélectionnez « Extraire le style Windows, valider la fin de ligne de style Unix ». (Comment le hub git doit traiter les fins de ligne dans les fichiers texte).
  2. Cliquez sur le bouton suivant.

Installation des binaires Git

Étape 14) Dans cette étape,

  1. Sélectionnez Utiliser MinTTY est le terminal par défaut de MSys2 pour Git Bash
  2. Cliquez sur le bouton suivant

Installation des binaires Git

Installation des binaires Git

Une fois git installé avec succès, vous pouvez accéder au git.

Ouvrez l'invite de commande et tapez "git" et appuyez sur "Entrée". Si vous voyez l'écran ci-dessous, cela signifie qu'il est installé avec succès

Installation des binaires Git

Installation du plugin Jenkins Git

Commençons maintenant par l'installation du plugin Jenkins Git.

Étape 1) Lancez le navigateur et accédez à votre Jenkins.

Étape 2) Cliquez sur Gérer Jenkins.

Installation du plugin Jenkins Git

Étape 3) Cliquez sur Gérer les plugins, cela ouvrira une autre fenêtre

Installation du plugin Jenkins Git

Étape 4) Cliquez sur l'onglet Disponible

Installation du plugin Jenkins Git

Étape 5) Dans cette étape,

  1. Sélectionnez ensuite le plugin GitHub
  2. Cliquez sur le bouton Télécharger maintenant et installer après redémarrage.

Installation du plugin Jenkins Git

Il va maintenant installer les plugins suivants.

Une fois l'installation terminée. Redémarrez votre serveur Tomcat en appelant le fichier « shutdown.bat »

Installation du plugin Jenkins Git

Après avoir redémarré Tomcat et Jenkins, nous pouvons voir que les plugins sont installés dans l'onglet « Installé ».

Installation du plugin Jenkins Git

Mise en place de notre Eclipse avec le plugin GitHub

Installons maintenant le plugin GitHub pour Eclipse.

URI pour l'emplacement du plugin EGit https://download.eclipse.org/egit/updates/

Étape 1) Lancement Eclipse et alors

  1. Cliquez ensuite sur le bouton d'aide
  2. Cliquez sur installer un nouveau logiciel

Configuration Eclipse avec le plugin GitHub

Étape 2) L'écran ci-dessous s'ouvrira une fois que nous aurons cliqué sur installer un nouveau logiciel. Cliquez maintenant sur ajouter

Configuration Eclipse avec le plugin GitHub

Étape 3) Dans cette étape,

  1. Tapez le nom « EGIT » et
  2. Entrez l'emplacement https://download.eclipse.org/egit/updates/ puis
  3. Cliquez sur ok.

Configuration Eclipse avec le plugin GitHub

Étape 4) Cliquez ensuite sur tout sélectionner et suivant

Configuration Eclipse avec le plugin GitHub

Étape 5) Cliquez sur suivant et cliquez sur accepter le contrat de licence puis terminez l'installation.

Redémarrez ensuite l'éclipse.

Configuration Eclipse avec le plugin GitHub

Construire un dépôt sur Git

Étape 1) Accédez à l'URI de Git Hub : https://github.com/ inscrivez-vous au git hub

Étape 2) Une fois que vous avez été inscrit avec succès, cliquez sur créer un nouveau référentiel

Construire un référentiel sur Git

Étape 3) Dans cette étape,

  1. Entrez le nom du référentiel et
  2. cliquez sur créer un référentielConstruire un référentiel sur Git

Exemple de test d'utilisation Selenium avec GitHub.

Étape 1) Une fois que nous avons terminé avec le nouveau référentiel, lancez Eclipse

  1. Cliquez sur le fichier
  2. Cliquez ensuite sur le nouveau bouton puis
  3. Cliquez sur autre

Exemple de test d'utilisation Selenium avec GitHub

Étape 2) Dans cette étape,

  1. Sélectionnez Projet Maven et parcourez l'emplacement.
  2. Cliquez sur suivant

Exemple de test d'utilisation Selenium avec GitHub

Étape 3) Dans cette étape,

  1. Sélectionnez le nom et l'emplacement du projet, puis
  2. Cliquez sur suivant

Exemple de test d'utilisation Selenium avec GitHub

Étape 4) Cliquez sur suivant

Exemple de test d'utilisation Selenium avec GitHub

Étape 5) Dans cette étape,

  1. Entrez l'identifiant du groupe et
  2. Identifiant de l'artefact et
  3. Cliquez sur le bouton Terminer.

Exemple de test d'utilisation Selenium avec GitHub

Dès que vous cliquez sur le bouton Terminer, un projet sera créé.

Étape 6)

Créons maintenant un exemple de script

Exemple de test d'utilisation Selenium avec GitHub

Poussons le code/dépôt local vers Git Hub.

Étape 7) Dans cette étape,

  1. Ouvrez Eclipse, puis accédez au projet
  2. Faites un clic droit sur le projet et sélectionnez « équipe » puis
  3. Sélectionnez partager le projet

Exemple de test d'utilisation Selenium avec GitHub

Étape 8) Une fois que nous cliquons sur « Partager le projet » dans l’écran ci-dessus, nous obtiendrons une autre fenêtre

Dans cette étape,

  1. Sélectionnez le référentiel local et
  2. Cliquez sur terminer.

Exemple de test d'utilisation Selenium avec GitHub

Une fois que nous cliquons sur Terminer, nous pouvons voir le changement dans la structure du projet que nous avons créé un référentiel local.

Exemple de test d'utilisation Selenium avec GitHub

Il est maintenant temps de transférer notre code vers le référentiel Git Hub

Étape 9) Dans cette étape,

  1. Faites un clic droit sur le projet et l'équipe puis
  2. Cliquez sur valider

Exemple de test d'utilisation Selenium avec GitHub

Étape 10) Dans cette étape,

  1. Entrez un message de validation et
  2. Sélectionnez les fichiers que nous voulons envoyer au référentiel Git Hub
  3. Cliquez sur valider et pousser

Exemple de test d'utilisation Selenium avec GitHub

Une fois que vous avez terminé, vous pouvez voir que les icônes du projet sont en train d'être modifiées, cela indique que nous avons réussi à pousser et à valider notre code dans Git Hub.

Exemple de test d'utilisation Selenium avec GitHub

Nous pouvons vérifier dans le hub Git du référentiel que notre projet est correctement transféré dans le référentiel

Exemple de test d'utilisation Selenium avec GitHub

Il est maintenant temps d'exécuter notre projet depuis Git Hub dans Jenkins

Étape 11) Lancez le navigateur et ouvrez votre Jenkins.

Étape 12) Cliquez sur nouvel élément.

Exemple de test d'utilisation Selenium avec GitHub

Étape 13) Dans cette étape,

  1. Entrez le nom de l'article
  2. Sélectionnez le projet Maven
  3. Cliquez sur le bouton ok

Exemple de test d'utilisation Selenium avec GitHub

Étape 14) Dans cette étape, nous allons configurer Git Hub dans Jenkins

  1. Cliquez sur Git et
  2. Entrez l'URI du référentiel
  3. Cliquez sur Ajouter un référentiel

Si vous avez plusieurs référentiels dans Git Hub, vous devez ajouter le champ nom Refspec du référentiel.

Exemple de test d'utilisation Selenium avec GitHub

Nous pouvons obtenir l'URI dans Git Hub

Exemple de test d'utilisation Selenium avec GitHub

Étape 15) Dans cette étape,

  1. Ajoutez l'emplacement du fichier pom.xml dans la zone de texte et
  2. Spécifiez ensuite les objectifs et les options de Maven
  3. Sélectionnez l'option sur la façon d'exécuter le test
  4. Cliquez sur le bouton Enregistrer.

Exemple de test d'utilisation Selenium avec GitHub

Étape 16) une fois que nous cliquons sur enregistrer, l'écran ci-dessous apparaîtra,

Maintenant, nous pouvons construire notre projet, cliquez sur construire.

Exemple de test d'utilisation Selenium avec GitHub

Étape 17) Il affichera la construction, cliquez sur le numéro de construction ou sur la date de construction.

Exemple de test d'utilisation Selenium avec GitHub

Étape 18) une fois que nous avons cliqué sur le numéro de build ci-dessous, l'écran apparaîtra où nous pouvons voir la sortie de la console à cette étape, cliquez sur la sortie de la console.

Exemple de test d'utilisation Selenium avec GitHub

Enfin, nous pouvons vérifier que notre build est terminé/exécuté avec succès.

Exemple de test d'utilisation Selenium avec GitHub