Exécuter des tests Selenium sur Chrome
Google Chrome domine actuellement la part de marché mondiale des navigateurs web. Sa facilité d’utilisation combinée à de multiples fonctionnalités utiles le rend largement populaire auprès des utilisateurs. Compte tenu de son importance et de sa forte couverture utilisateur, il est devenu essentiel pour les ingénieurs qualité de tester les sites web/applications web sur le navigateur Chrome. Comme Selenium offre une fonctionnalité multi-navigateur permettant aux utilisateurs d’exécuter des cas de test sur différents navigateurs, Selenium et le navigateur Chrome constituent la principale combinaison pour tester toute application Web sur la plateforme du navigateur. Chrome fournit un pilote, qui peut établir la connexion entre Selenium WebDriver & Google Chrome et exécuter le test Selenium dans le navigateur Chrome. Comprenons les détails et l’utilisation du Selenium ChromeDriver pour exécuter le test automatisé sur le navigateur Chrome en couvrant les détails sous les sections suivantes:
- Qu’est-ce que Selenium ChromeDriver ?
- Quels sont les pré-requis pour Selenium ChromeDriver ?
- Comment installer ChromeDriver sur Windows ?
- Comment télécharger ChromeDriver sur Windows ?
- Et comment configurer ChromeDriver sur Windows ?
- Et comment exécuter des tests Selenium sur le navigateur Chrome ?
- Comment installer ChromeDriver sur macOS ?
- Comment télécharger ChromeDriver sur macOS?
- Et comment configurer ChromeDriver sur macOS?
- Comment installer ChromeDriver en utilisant Homebrew?
Qu’est-ce que Selenium ChromeDriver?
ChromeDriver est le moyen de communication qui permet aux utilisateurs d’exécuter leurs tests Selenium sur le navigateur Chrome. Il s’agit d’un serveur autonome qui met en œuvre le protocole Chromium Selenium WebDriver open-source. Les tests Selenium interagissent avec le ChromeDriver en utilisant le protocole JsonWireProtocol, qui traduit les commandes Selenium en actions correspondantes sur le navigateur Chrome.
Le seul but du ChromeDriver est de lancer et d’interagir avec Google Chrome. Sans utiliser ChromeDriver, il n’est pas possible d’exécuter des tests Selenium sur le navigateur chrome. C’est pourquoi il est l’un des prérequis les plus vitaux de l’exécution des tests sur Chrome. Un ChromeDriver peut être utilisé facilement en instanciant l’objet du ChromeDriver, en l’assignant à un objet WebDriver et en utilisant cet objet pour les actions basées sur le navigateur.
Quels sont les prérequis pour Selenium ChromeDriver ?
Avant de pouvoir commencer à écrire des tests Selenium ou à configurer ChromeDriver, il y a quelques prérequis que nous devons avoir sur notre système :
- Java JDK : Nous avons besoin du JDK ou kit de développement Java pour écrire des programmes java. Il contient JRE et d’autres outils de développement, notamment un compilateur et un débogueur. Comme nous allons écrire nos tests selenium en java, avoir JDK est une nécessité. Vous pouvez obtenir plus d’informations sur le JDK et lire son guide d’installation ici : Comment installer Java ?
- Java IDE : IDE ou Integrated Development Environment aide à écrire des programmes Java. Il offre de nombreuses fonctionnalités différentes aux utilisateurs pour faciliter leurs exigences de programmation. Pour ce tutoriel, nous utiliserons l’IDE Eclipse, bien que tout autre IDE Java convienne parfaitement. Pour en savoir plus ou savoir comment installer Eclipse, rendez-vous ici : Installer Eclipse.
- Selenium WebDriver : Pour développer des tests Selenium, nous avons besoin de Selenium WebDriver. Vous pouvez télécharger Selenium WebDriver sur le site officiel de Selenium, et vous pouvez apprendre à configurer Selenium dans le tutoriel ; Configurer Selenium WebDriver. Pour ce tutoriel, nous utiliserons Selenium 4.
Comment installer ChromeDriver sur Windows?
Maintenant, comme nous avons appris ce qu’est ChromeDriver et pourquoi faire, nous en avons besoin pour exécuter des tests Selenium sur le navigateur chrome. Allons un peu plus loin et apprenons comment configurer ChromeDriver avec votre projet Selenium Java et exécuter vos tests sur Chrome. La première partie sera de télécharger le ChromeDriver. Voyons comment nous pouvons faire de même sur la plateforme Windows?
Comment télécharger ChromeDriver sur Windows?
Avant de pouvoir télécharger le ChromeDriver, nous devons vérifier la version du navigateur Chrome sur votre système. ChromeDriver a une dépendance de compatibilité directe avec la version du navigateur Chrome, vous devez donc télécharger la version compatible de ChromeDriver. Suivez les étapes, mentionnées ci-dessous, pour télécharger un. ChromeDriver qui est compatible avec le navigateur Chrome sur votre système :
1. Premièrement, pour vérifier la version du navigateur Chrome sur votre machine, cliquez sur les trois points dans le coin supérieur droit du navigateur
2. Deuxièmement, cliquez sur Aide dans le menu.
3. Troisièmement, cliquez sur À propos de Google Chrome dans le sous-menu.
4. Après avoir cliqué sur l’option » À propos de Google Chrome « , la page suivante s’ouvrira. Par conséquent, vous obtiendrez les détails de la version de Chrome comme dans l’image ci-dessous :
Maintenant, comme nous avons obtenu la version du navigateur Chrome donc, nous pouvons télécharger le ChromeDriver compatible. En outre, pour télécharger ChromeDriver, naviguez sur le lien du site officiel de ChromeDriver. Suivez les étapes mentionnées ci-dessous pour télécharger le fichier exécutable ChromeDriver :
1. Sur la page de téléchargement de ChromeDriver, il y aura des liens pour différentes versions de ChromeDriver. En fonction de la version de votre navigateur Chrome, téléchargez le ChromeDriver correspondant, comme indiqué dans l’image ci-dessous. Ensuite, cliquez sur la version du ChromeDriver que vous souhaitez télécharger. Comme nous avions la version du navigateur Chrome comme » 84 « , nous allons donc télécharger le ChromeDriver correspondant.
2. Ensuite, en cliquant sur le lien » ChromeDriver 84.0.4147.30 « , vous accéderez à la page d’index du ChromeDriver. Ici, vous obtiendrez différentes options de ChromeDriver en fonction de votre système d’exploitation. En outre, pour le système d’exploitation Windows, vous pouvez choisir la version Win32 comme indiqué dans l’image ci-dessous. Oui, même si vous avez un Windows 64 bits installé sur votre système, la version Win32 fonctionnera parfaitement.
3. Troisièmement, une fois le téléchargement terminé, extrayez le fichier zip et placez le « chromedriver.exe » à n’importe quel emplacement préféré sur votre système.
Maintenant que nous avons téléchargé le ChromeDriver, nous allons ouvrir Eclipse et créer un nouveau projet java. De plus, nous allons ajouter toutes les dépendances de sélénium au projet. En outre, pour en savoir plus sur la configuration de Selenium avec Eclipse, vous pouvez consulter notre précédent tutoriel sur le même sujet à Configurer Selenium WebDriver.
Dans l’étape suivante, nous devons mettre l’exécutable ChromeDriver téléchargé à la disposition des tests Selenium. Par la suite, voyons comment nous pouvons configurer ChromeDriver, afin de pouvoir utiliser le même dans les cas de test Selenium:
Comment configurer ChromeDriver sur Windows?
Pour mettre en place et configurer le ChromeDriver avec le Selenium, le fichier exécutable ChromeDriver doit être accessible dans le script de test. De plus, les tests Selenium peuvent accéder au ChromeDriver si l’une des façons suivantes le configure :
- Configurer ChromeDriver à l’aide des propriétés système dans les variables d’environnement.
- Configurer ChromeDriver à l’aide des propriétés système dans le script de test.
Comprenons tout cela et essayons d’exécuter notre code de test avec Selenium 3 ou Selenium 4.
Comment configurer ChromeDriver en utilisant les propriétés du système dans les variables d’environnement?
Sur le système d’exploitation Windows, l’une des façons de déclarer les variables de niveau système est d’utiliser les variables d’environnement. Les utilisateurs peuvent définir soit des variables d’environnement de niveau utilisateur, soit des variables système. De plus, la variable définie est accessible à tous les programmes exécutés sur le système. Nous pouvons utiliser les variables d’environnement pour définir le chemin du ChromeDriver. Ainsi, chaque fois que nous créons une instance du WebDriver, il détectera automatiquement le chemin du ChromeDriver à partir des variables système et pourra l’utiliser. Par la suite, jetons un coup d’œil aux étapes par lesquelles nous pouvons le faire.
1. Tout d’abord, nous devons ouvrir la fenêtre contextuelle des variables d’environnement. Pour ce faire, cliquez sur la barre de recherche et recherchez « Variables d’environnement ». Il cherchera et affichera « Modifier les variables d’environnement pour votre compte », comme le montre l’image ci-dessous. Après cela, cliquez sur le « Ouvrir » pour ouvrir la pop-up « Propriétés du système ».
2. Ensuite, la pop-up « Propriétés du système » s’ouvrira. Dans la pop-up, sélectionnez l’onglet « Avancé » comme indiqué par la flèche. Après cela, dans l’onglet Avancé, cliquez sur le bouton » Variables d’environnement « .
3. Troisièmement, cela ouvrira la pop-up » Variables d’environnement « . Dans la section des variables système de la pop-up, recherchez la variable » path » marquée dans l’image ci-dessous. Après cela, cliquez sur la variable » path » pour la sélectionner. Une fois sélectionnée, cliquez sur le bouton » Editer » comme indiqué par la flèche.
4. Quatrièmement, une fois que la pop-up » Editer la variable d’environnement » apparaît, cliquez sur le bouton » Nouveau « .
5. Cinquièmement, ajoutez l’emplacement du dossier de ChromeDriver dans le chemin. Nous avons placé notre pilote à l’emplacement suivant « C:\Selenium\chromedriver », nous avons donc ajouté le même comme variable de chemin. Une fois cela fait, cliquez sur le bouton « OK » comme indiqué par la flèche.
Comment exécuter des tests Selenium sur le navigateur Chrome en utilisant ChromeDriver ?
En conclusion, nous pouvons maintenant initialiser directement l’instance WebDriver en utilisant le ChromeDriver, comme indiqué ci-dessous :
Lors de l’exécution du code ci-dessus, vous verrez les résultats ci-dessous.
De toute évidence, d’après les résultats de la console, il n’y a pas d’erreur WebDriver, ce qui implique que la configuration du WebDriver est correcte. De plus, vous pouvez voir les instructions print comme points d’entrée et de sortie de notre exécution. Corrélativement, vous pourrez visualiser l’exécution dans votre système.
Comment initialiser ChromeDriver en utilisant les propriétés du système dans le script de test Selenium ?
Au lieu d’utiliser l’instance globale de ChromeDriver, si nous voulons utiliser une version spécifique de ChromeDriver, nous pouvons faire de même en spécifiant explicitement le chemin du ChromeDriver dans le script de test lui-même. En d’autres termes, nous devons ajouter une seule ligne de code pour configurer les propriétés du système pour le ChromeDriver, comme indiqué ci-dessous :
.
.
1
|
System.setProperty(« webdriver.chrome.driver », « <Path of the ChromeDriver Executable> ») ;
|
Conclusivement, modifions le code que nous avons utilisé ci-dessus et voyons que nous pouvons lancer le navigateur Chrome avec succès. Le code modifié ressemblerait à ceci:
Vous verrez que demoqa.com s’ouvre dans le navigateur Chrome sans aucune erreur et exception.
Si vous l’avez remarqué, nous avons utilisé ici la version 85 de ChromeDriver, au lieu de la version globale par défaut de 84. Les journaux d’exécution indiquent que notre session WebDriver a démarré avec l’instruction print affichée dès le début. Les lignes surlignées en rouge sont des journaux du navigateur correspondant à la session du navigateur. En outre, vous pouvez voir le navigateur s’ouvrir dans votre système, et après l’ouverture du site Web, la session du navigateur est fermée.
Comment installer ChromeDriver sur macOS?
L’installation et la configuration de ChromeDriver sur macOS sont presque les mêmes que celles de la plateforme Windows. La seule différence étant que l’exécutable pour macOS sera différent, et la façon dont nous pouvons inclure l’exécutable ChromeDriver dans la variable PATH du système est un peu différente. Voyons comment nous pouvons installer et configurer le ChromeDriver sur macOS :
Comment télécharger le ChromeDriver sur macOS?
Sur macOS, nous pouvons télécharger le ChromeDriver en utilisant l’une des façons suivantes :
- Télécharger le fichier exécutable à partir du site Web de Chromium
- Télécharger en utilisant n’importe quel gestionnaire de paquets, comme Homebrew.
Comprenons les détails de ces deux façons de télécharger et de configurer ChromeDriver sur macOS :
Comment télécharger ChromeDriver pour macOS depuis le site Web de Chromium ?
Vous pouvez télécharger le ChromerDrive pour macOS, de la même manière que nous l’avons fait pour la plateforme Windows, à la différence près que, maintenant, sélectionnez le binaire pour la plateforme macOS comme indiqué ci-dessous :
Il téléchargera un fichier zip, que vous pouvez extraire dans les dossiers de votre choix. Après l’extraction, il affichera le fichier exécutable de ChromeDriver, comme indiqué ci-dessous :
Donc, vous avez maintenant le fichier exécutable de ChromeDriver disponible sur votre machine, que nous pouvons utiliser dans nos scripts de test. Par la suite, voyons comment configurer ChromeDriver sur macOS et l’utiliser dans les scripts de test Selenium :
Comment configurer ChromeDriver sur macOS?
Maintenant que vous avez téléchargé le ChromeDriver, l’étape suivante consiste à le configurer pour l’utiliser dans vos scripts de test. Sur macOS également, nous pouvons suivre les mêmes manières, que sur Windows, pour configurer le ChromeDriver :
- Configurer ChromeDriver en utilisant la variable PATH du système.
- Configurer ChromeDriver en utilisant les propriétés du système dans le script de test.
Le 2e point est la même configuration que la plateforme Windows, car nous utilisons JAVA pour le développement des tests, et JAVA étant indépendant de la plateforme, aura le même comportement sur toutes les plateformes. Donc, voyons comment nous pouvons configurer le ChromerDriver en utilisant la variable PATH du système :
Comment configurer ChromeDriver en utilisant la variable PATH du système ?
Comme nous l’avons mentionné ci-dessus, l’une des façons les plus simples de rendre l’exécutable disponible globalement sur le macOS est de copier l’exécutable sous n’importe quels dossiers qui sont déjà dans la variable PATH. Suivons les étapes mentionnées ci-dessous pour réaliser la même chose :
- D’abord, identifiez les dossiers inclus dans la variable PATH en utilisant la commande ‘echo $PATH ‘ sur le terminal. Cela donnera un exemple de sortie, comme indiqué ci-dessous :
2. Deuxièmement, comme nous pouvons le voir, plusieurs répertoires font déjà partie de la variable PATH. Supposons que nous choisissions « /usr/local/bin » comme répertoire générique pour contenir l’exécutable ChromeDriver.
3. Troisièmement, copiez le fichier exécutable ChromeDriver du répertoire téléchargé vers le répertoire « /usr/local/bin » en utilisant la commande mv comme indiqué ci-dessous :
.
1
|
mv chromedriver /usr/local/bin/
|
Maintenant votre ChromeDriver est prêt à être utilisé dans vos scripts de test Selenium. Par conséquent, nous allons maintenant écrire un programme simple et l’exécuter dans la plateforme macOS.
Lorsque vous l’exécutez, vous pouvez trouver les résultats dans votre fenêtre console :
Vous pouvez voir l’exécution se produire avec succès sans aucune erreur. Les deux instructions print s’affichent, ce qui indique que notre exécution n’a pas été confrontée à une erreur. Vous avez donc vu à quel point il était facile d’exécuter des tests ChromeDriver dans macOS ? Contrairement au système Windows, où vous devez vous souvenir du chemin de l’exécutable de votre pilote, le simple fait de placer le pilote à un emplacement dans macOS nous rend la vie tellement facile !
Comment installer ChromeDriver à l’aide de Homebrew ?
Homebrew est l’un des gestionnaires de paquets disponibles sur macOS, qui peut télécharger toutes les binaires qui s’enregistrent comme un paquet avec Homebrew. Heureusement, ChromeDriver est disponible comme un paquet Homebrew, et nous pouvons télécharger et configurer le même, avec une commande simple comme ci-dessous :
.
1
|
brew cask install chromedriver
|
Lorsque nous exécutons la commande ci-dessus, elle va télécharger et installer le ChromeDriver dans le répertoire « /usr/local/bin « , comme on peut le valider à partir de la sortie suivante de la commande ci-dessus :
Comme nous pouvons le constater, la dernière version stable de ChromeDriver a été téléchargée et installée dans le répertoire » /usr/local/bin « , ce qui l’intègre à la variable PATH et la rend accessible à toutes les applications du système.
Ainsi, de cette façon, ChromeDriver s’est installé et configuré sur macOS avec une seule commande. D’autres gestionnaires de paquets, tels que NPM, offrent également les capacités d’installer ChromeDriver, ce qui peut être exploré en fonction du gestionnaire de paquets que vous utilisez sur votre machine.
Key Takeaways
- Le navigateur Chrome est l’un des navigateurs les plus populaires en termes de part d’utilisateurs. D’ailleurs, 2/3 des internautes l’utilisent.
- La fonctionnalité cross-browser de Selenium permet aux utilisateurs de configurer et d’exécuter leurs tests Selenium avec ChromeDriver pour exécuter tous les tests sur le navigateur Chrome.
- En outre, ChromeDriver est un serveur autonome qui interagit avec Selenium WebDriver pour exécuter tous les tests selenium sur le navigateur Chrome.
- En outre, ChromeDriver fournit un exécutable spécifique à chaque plateforme, comme Windows, macOS, etc, qui peuvent être téléchargés et utilisés pour l’exécution sur les tests Selenium sur le navigateur Chrome.