Comment intégrer les pipelines Selenium Bitbucket

Sans intégration continue ou CI, les développeurs devraient coordonner, communiquer et tester manuellement tout en contribuant à chaque fois au code du produit final. Ceci, à son tour, affecte la production et provoque un retard dans la libération. Il est donc crucial d’utiliser un outil d’intégration continue et de livraison continue avec Selenium pour automatiser les tests en continu. Selon la récente enquête d’Atlassian, 75 % des équipes de production sont confrontées à des bogues, des problèmes ou des retards au moment de la publication.

Avec l’arrivée de Bitbucket CI, cela aidera grandement les développeurs dans leurs opérations quotidiennes. Pour assurer une livraison plus rapide et plus fluide, les organisations utilisent Selenium Grid Cloud pour automatiser leur suite de tests. Il vous permet d’exécuter des tests plus rapidement, avec moins d’erreurs et de manière robuste. Dans cet article, vous apprendrez comment intégrer Selenium Bitbucket Pipelines. Nous vous proposerons une procédure pas à pas pour vous guider tout au long du processus. Allons-y, allons-nous?

Avant de passer à l’intégration du pipeline Bitbucket avec Selenium, nous pensons que c’est une bonne idée de définir quelques termes. Commençons par Bitbucket Pipelines.

Qu’est-ce que Bitbucket Pipelines ? Pourquoi en avons-nous besoin?

Bitbucket Pipelines est un outil CI/CD qui vous permet de créer, tester et déployer votre code automatiquement en fonction de la configuration de votre fichier. Chaque validation que vous effectuez déclencherait un pipeline Bitbucket et votre processus de construction commencerait. Le processus de génération implique une série d’étapes exécutées de manière séquentielle. Une fois le processus de construction réussi, votre test d’automatisation sera exécuté. Vous devez apporter des modifications au fichier Bitbucket YAML pour chaque validation, qui se trouve dans votre référentiel racine. Voici les six fonctionnalités étincelantes de Bitbucket CI :

Plate-forme CI/CD intégrée: vous n’avez jamais à vous soucier de l’entretien de l’infrastructure existante, ce qui signifie plus de temps pour vous concentrer sur d’autres activités.
La flexibilité: fournit une intégration avec des outils tels que Jira, Trello, Bamboo et des fournisseurs d’hébergement cloud tels qu’AWS, Google Cloud et Microsoft Azure.
Revue de code: vous permet de créer des demandes d’extraction et vous donne des commentaires sur le code des membres de votre équipe.
Mécanismes de sécurité robustes: fournissant des fonctionnalités de double authentification et IP Whitelisting.
Traqueur d’incidents: vous pouvez suivre les problèmes de votre projet, signaler des bogues et effectuer des opérations liées à vos projets.
Stockage illimité gratuit: pour les référentiels publics et privés avec jusqu’à cinq membres et 1 Go de stockage pour Git Large File Storage (LFS) avec cinquante minutes de construction pour les pipelines également.

Bitbucket fournit des référentiels privés gratuits pour un maximum de cinq membres, alors gardez cela à l’esprit. Sinon, vous serez facturé.

Pour cet article, nous supposons que vous disposez déjà d’un référentiel Bitbucket pour votre projet, ce qui nous aidera à intégrer les pipelines Selenium Bitbucket. Nous terminerons le processus d’intégration en deux étapes principales :

Configuration pour l’intégration de LambdaTest avec Bitbucket Pipelines.
Exécution parallèle sur LambdaTest Selenium Grid.

Pourquoi Selenium Cloud pour exécuter des tests ?

Si vous avez une application complète à tester, vous devez vous concentrer davantage sur les tests d’utilisabilité et de performances. Vous devez avoir une bonne compréhension de la portée du test, savoir si vous souhaitez essayer différents navigateurs, ordinateurs ou systèmes d’exploitation. Et si vous essayez de tout faire vous-même, cela pourrait être une tâche fastidieuse. Selenium peut être intégré à des services cloud pour tester vos applications Web afin d’obtenir des avantages de test sur plusieurs navigateurs et plates-formes à grande vitesse.

LambdaTest est une plate-forme de test multi-navigateurs basée sur le cloud, qui vous permet de vérifier la compatibilité du navigateur de votre site Web ou de vos pages Web pour plus de 3000 navigateurs, systèmes d’exploitation ou une combinaison des deux. C’est le principal avantage de choisir un cloud de grille Selenium et de pouvoir exécuter des tests en parallèle sur plusieurs navigateurs ou appareils, sans avoir à ajouter d’infrastructure.

Comment exécuter des scripts de test avec des pipelines Bitbucket dans Selenium

Maintenant que vous comprenez pourquoi le choix d’un nuage de grille Selenium peut être bénéfique pour vous, appliquons les choses décrites ci-dessus en termes pratiques. Nous utiliserons le « projet test » sur Bitbucket Pipelines pour notre démonstration d’intégration du pipeline Bitbucket avec Selenium, qui utilise le package de bibliothèque Selenium-Nightwatch-js. Nous avons utilisé les tests LambdaTest Tunnel et Selenium écrits dans le framework Nightwatch JS pour assurer une intégration transparente.

Voyons les étapes de l’intégration des pipelines Selenium Bitbucket à l’aide de LambdaTest :

1. Créer ou cloner le référentiel Bitbucket Pipeline

La première étape consiste à copier le référentiel Bitbucket Pipeline existant. Cela peut être fait en dupliquant ou en clonant le dépôt. Si vous souhaitez travailler dans une branche du référentiel Bitbucket sans la copier, utilisez le fork. Si vous souhaitez copier le référentiel complet puis travailler, utilisez le clonage. Dans cet article, nous utiliserons le forking.

Forker un dépôt produit une copie de votre projet. Vous utiliserez le fork pour travailler sur de nouvelles fonctionnalités et envoyer des pull requests visibles dans votre projet. En forkant, vous pouvez apporter des modifications au projet dans le Bitbucket sans le cloner dans votre système local.

Assurez-vous de bifurquer le projet de test vers votre interface cloud Bitbucket.

2. Configuration des variables d’environnement

Les variables d’environnement sont l’emplacement où les informations de configuration sensibles peuvent être stockées. Ces variables sont disponibles pour l’ensemble du système et sont souvent utilisées pour stocker les informations d’identification. Supposons que vous êtes le développeur d’une application Web qui utilise une base de données pour stocker des informations et que vous utilisez un service comme Github ou Bitbucket pour stocker votre code source. Eh bien, cela signifierait que le mot de passe de votre base de données est intégré à votre code, ce qui signifie également qu’une personne ayant accès au code source pourrait voir vos informations d’identification.

Les variables d’environnement sont la solution à ce problème. Vous pouvez utiliser ces variables pour stocker des informations confidentielles, telles que provac, la clé nécessaire pour se connecter à une base de données ou les informations d’identification pour se déployer sur des serveurs de production, etc. Ces variables ne sont pas disposées directement dans le code, mais celles stockées à l’extérieur peuvent être utilisé directement dans le code en mentionnant juste le nom de la variable—votre git.

Pour cet article, nous devons définir les informations d’identification LamdaTest comme variables d’environnement, c’est-à-dire votre nom d’utilisateur LambdaTest, votre clé d’accès et HubURL. Définissez les variables d’environnement dans le « Paramètres du référentiel » > « Variables de référentiel » comme indiqué ci-dessous:

Pour Linux/Mac :

$ export LT_USERNAME= {your lambdatest username} 
		$ export LT_ACCESS_KEY= {your lambdatest access_key}

Pour les fenêtres:

$ set LT_USERNAME= {your lambdatest username}
		$ set LT_ACCESS_KEY= {your lambdatest access_key}

Comment configurer le pipeline dans Bitbucket CI

Après avoir importé le référentiel Bitbucket et défini les variables d’environnement, nous devons récupérer et modifier le fichier yml pour exécuter nos tests d’automatisation à l’aide du framework NightwatchJS sur LambdaTest Selenium Grid.

Pour déclencher notre pipeline Bitbucket, nous devrons apporter des modifications à ce bitbucket-pipeline.yml fichier directement via Bitbucket Cloud Interface. Vous pouvez trouver les composants suivants dans le fichier YAML :

Image Docker: Une image Node.js Docker est utilisée, montrant quelle version de nœud est utilisée.
Scénario: Il s’agit de la section dans laquelle vous exécutez vos tests de manière séquentielle.
Caches: L’endroit où vous placez vos bibliothèques tierces, vous aidant à gagner du temps dans le processus de construction.
Après-script: Il s’exécute lorsque l’une de vos étapes de test s’exécute ou échoue.

Voici l’édité bitbucket-pipeline.yml déposer. Copiez-collez simplement le fichier ci-dessous :

# This is a sample build configuration for JavaScript.
# Check our guides at https://confluence.atlassian.com/x/14UWN for more examples.
# Only use spaces to indent your .yml configuration.
# -----
# You can specify a custom docker image from Docker Hub as your build environment.
image: node:10.15.3
 pipelines:
  default:
    - step:
        name: Run Sample Test Case
        caches:
          - node
        script:
           - echo ‘ Salman Khan LambdaTest’
          - npm install
          - npm run start:test:server
          - ./run_tunnel.sh # only needed when testing a locally hosted website
          - npm test
        after-script:
          # only needed when testing with tunnel
          - PORT=$(head -1 /tmp/port)
          - status_code=$(curl --request DELETE --write-out %{http_code} --silent --output /dev/null http://127.0.0.1:$PORT/api/v1.0/stop)
          - if [[ "$status_code" -ne 200 ]]; then  pkill LT; fi
          - rm /tmp/port

Dans le code ci-dessus, juste à des fins de démonstration, j’ai modifié le bitbucket-pipeline.yml fichier et ajouté la commande ci-dessous dans la section script :

- echo ‘Salman Khan LambdaTest’

Nous pouvons ajouter des scripts de test personnalisés à la place de ce code à des fins d’automatisation. Voyons maintenant comment fonctionne le code ci-dessus :

Une image de nœud Docker est utilisée et les dépendances sont installées.
Un serveur http de nœud est démarré sur le port 8888 qui héberge l’application todo.
Pour activer les navigateurs LambdaTest et permettre aux appareils d’accéder au serveur local, le tunnel LambdaTest est téléchargé, extrait et exécuté pour établir une connexion sécurisée aux serveurs de tunnel LambdaTest.
Il exécute ensuite un test NightwatchJS sur la grille LambdaTest Selenium.
Une fois le script exécuté, le client du tunnel est fermé.

Comment exécuter le pipeline

Une fois que nous avons édité le fichier yml, nos scripts de test sont prêts à être exécutés. Maintenant, nous devons appuyer sur le bouton de validation pour exécuter le pipeline modifié. Une fois que vous avez appuyé sur le bouton de validation, votre pipeline sera déclenché, les tests d’automatisation seront exécutés et exécutés, et vous pouvez voir votre build dans la section Pipeline pour intégrer les pipelines Selenium Bitbucket.

Dans l’image ci-dessous, vous pouvez voir le montage bitbucket-pipelines.yml fichier et le bouton de validation enfoncé :

Comment afficher les journaux de construction et de test

Une fois le commit effectué, le pipeline se déclenche et les tests sont exécutés. Pour consulter les tests, ainsi que leurs détails, rendez-vous dans la rubrique « Pipelines” onglet de la barre de gauche. Ici,…