Dans le développement Web moderne, il est essentiel de disposer d’une application adaptée aux différentes résolutions d’écran des visiteurs ou des utilisateurs. L’approche responsive, dans laquelle le projet Web publié s’adapte automatiquement aux capacités techniques de l’appareil utilisé, s’est imposée comme la solution standard, aujourd’hui incontestée. En dehors d’une grande flexibilité en matière de résolution d’écran, pour disposer d’un site internet moderne, il convient également de veiller à la meilleure compatibilité possible avec les navigateurs : le fait qu’un utilisateur consulte le site internet avec Firefox, Chrome, Safari ou un autre client Web ne devrait en effet rien changer à l’utilisation.
C’est la raison pour laquelle les tests inter-navigateurs jouent un rôle important depuis des années dans la programmation de projets Web. L’un des outils les plus appréciés pour réaliser ces tests est le framework Selenium publié par ThoughtWorks que nous vous présentons en détail dans ce tutoriel.
Afin d’optimiser le processus de développement d’une application sur le temps et les coûts dans Python, Jason Huggins a créé en 2004 l’essentiel de ce qui constitue aujourd’hui le framework de testing Web Selenium à l’aide de JavaScriptTestRunner. À l’origine, cet outil était uniquement destiné à une utilisation interne dans l’entreprise informatique ThoughtWorks, dans laquelle J. Huggins travaillait à l’époque. Après avoir intégré Google en 2007, il a progressé dans le développement et la correction des erreurs du logiciel, qui fut dès lors publié en open source (licence Apache 2.0) afin de le mettre à la disposition du grand public. Suite à la fusion avec l’API WebDriver, le framework a adopté son nom actuel : Selenium ou Selenium WebDriver.
La version actuelle de Selenium est exclusivement basée sur le HTML et le JavaScript et permet aux développeurs de tester et enregistrer les interactions avec une application Web afin de les répéter ensuite aussi souvent que souhaité, de façon entièrement automatisée. Les principales composantes de ce processus de test sont les suivantes :
Afin de protéger votre vie privée, la vidéo ne se chargera qu'après votre clic.
Dans le domaine du testing, Selenium fait figure de référence et intervient en particulier en tant que structure de base pour différents programmes de ce domaine. Parmi les exemples les plus connus, on peut notamment citer le framework Protractor qui a été conçu spécialement pour tester les applications Angular et AngularJS et pour simuler des interactions avec les utilisateurs sur l’API WebDriver. Prévu pour les applications mobiles natives et hybrides, le logiciel d’automatisation de tests Appium utilise également cette interface standardisée pour réaliser des tests en toute simplicité dans les langages de programmation les plus courants.
Même BrowserStack, le service Web basé sur le cloud très connu, repose sur Selenium : développé en Inde et pouvant être utilisé gratuitement pendant une phase de test puis dans le cadre de différents abonnements payants, ce service utilise le framework de test comme base pour ses tests automatisés sur des ordinateurs fixes ou des périphériques portables.
Disponible en open source, Selenium ou Selenium WebDrive peut naturellement être utilisé en dehors de programmes existants comme les solutions mentionnées précédemment. Grâce aux différents composants qui ont été ajoutés dans le framework au fil du temps, une telle utilisation est tout à a fait possible si l’on dispose des compétences correspondantes.
Si vous souhaitez utiliser Selenium pour créer vos propres scénarios de test sans avoir à dépendre d’un service externe ou du fabricant du logiciel, vous n’aurez pas besoin de connaissances spécifiques en programmation. En effet, ce framework vous permet de réaliser les tests sur les navigateurs en toute simplicité car vous avez la possibilité d’écrire les scripts de test dans différents langages, notamment en JavaScript, Java, C#, Ruby et Python. Le tutoriel Selenium suivant a pour but de vous expliquer l’installation et l’utilisation du framework à travers l’exemple de Python.
Les étapes suivantes de ce tutoriel Selenium WebDriver nécessitent une version récente de Python.
Des clients ainsi qu’une série de bibliothèques sont disponibles pour l’utilisation de Selenium WebDriver. Ils sont appelés « Language Bindings » (ou « bindings de langage ») et constituent la base du framework ou du processus de test. Cependant, vous devez uniquement installer les pilotes du client et les bibliothèques pour le langage dans lequel vous souhaitez écrire vos scripts.
Dans le cadre de notre tutoriel Selenium WebDriver, nous avons besoin des bindings de langage pour Python que vous pouvez installer par défaut avec le gestionnaire de paquets de Python pip et la commande suivante :
pip install seleniumUne autre solution consiste à télécharger le paquet source en cliquant sur le lien indiqué précédemment, à décompresser l’archive tar.gz et à utiliser le fichier setup.py pour procéder à l’installation. Dans ce cas, la commande nécessaire est la suivante :
python setup.py installLa deuxième étape consiste à télécharger et installer le pilote du navigateur permettant de rattacher Selenium. Dans Firefox, le pilote nécessaire sera par exemple geckodriver, dont on trouve la version officielle dans le répertoire GitHub suivant. Une liste exhaustive des pilotes pour les principaux navigateurs (Chrome, Edge, Internet Explorer, Safari, etc.) est disponible dans les documentations en ligne officielle de Selenium.
Si vous souhaitez utiliser Selenium avec une connexion à distance, vous devez également installer les composantes du serveur de Selenium. Vous trouverez les paquets d’installation correspondants sur la page de téléchargement officielle du framework (dans la colonne « Selenium Server (Grid) »). Veuillez toutefois noter que l’exécution de l’application du serveur requiert une version récente de l’environnement d’exécution Java (JRE).
Une fois ces conditions pour l’utilisation de Selenium WebDriver remplies, vous pouvez vous lancer dans l’écriture des scripts de test de votre projet Web. Pour ce faire, vous aurez simplement besoin de l’éditeur de code privilégié. Dans ce cas, il est toutefois recommandé d’utiliser un IDE Python (ou un environnement de développement pour le langage avec lequel vous souhaitez travailler) afin d’optimiser votre productivité. Par exemples, les environnements suivants sont des solutions connues et appréciées :
Une fois la solution souhaitée installée, vous pouvez commencer à écrire des scripts individuels pour automatiser les interactions avec les navigateurs à l’aide des classes et des fonctionnalités Selenium. Dans ce tutoriel Selenium, nous avons par exemple créé un script Python pour Firefox qui consulte automatiquement le moteur de recherche Google dans le navigateur Mozilla, saisit un mot-clé puis analyse et enregistre les résultats. Transposées sous la forme de code, ces étapes automatisées ressemblent à ceci :
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
# Créer une session Firefox
driver = webdriver.Firefox()
driver.implicitly_wait(30)
driver.maximize_window()
# Appeler l’application web
driver.get("http://www.google.fr")
# Localiser la zone de texte
search_field = driver.find_element_by_id("lst-ib")
search_field.clear()
# Saisir et confirmer le mot-clé
search_field.send_keys("Mot-clé")
search_field.submit()
# Consulter la liste des résultats affichés à la suite de la recherche
# à l’aide de la méthode find_elements_by_class_name
lists= driver.find_elements_by_class_name("_Rm")
# Passer en revue tous les éléments et restituer le texte individuel
i=0
for listitem in lists:
print (listitem.get_attribute("innerHTML"))
i=i+1
if(i>10):
break
# Fermer la fenêtre du navigateur
driver.quit()Le tableau suivant indique de façon claire le sens des différentes composantes du script :
| Ligne(s) de code | Sens |
|---|---|
| from selenium import webdriverfrom selenium.webdriver.common.keys import Keys | Le module WebDriver est d’abord chargé afin d’implémenter les classes et les méthodes pour le support des différents navigateurs. Ensuite, le script charge la configuration du clavier virtuel afin de pouvoir simuler les saisies au clavier à une étape ultérieure. |
| driver = webdriver.Firefox()driver.implicitly_wait(30)driver.maximize_window() | La seconde étape consiste à créer une instance Firefox, qui pourra être commandée plus tard à l’aide des commandes Selenium. Un dépassement de délai d’activité de 30 secondes est prévu pour le démarrage du navigateur. La fenêtre du navigateur doit par ailleurs être agrandie. |
| driver.get("http://www.google.fr") | Le script consulte à présent la page Google française qui sert ici de base pour les interactions automatisées avec l’utilisateur. |
| search_field = driver.find_element_by_id("lst-ib")search_field.clear() | Lors de la consultation du moteur de recherche, le script recherche la zone de texte de la recherche Google qui est signalée par l’attribut ID « lst-ib ». Une fois localisé, le champ de recherche est tout d’abord vidé à l’aide de la méthode clear(). |
| search_field.send_keys("Mot-clé")search_field.submit() | Le « mot-clé » est ensuite saisi et confirmé avec la méthode submit(). |
| lists= driver.find_elements_by_class_name("_Rm") | Les différents résultats de recherche sont alors listés comme éléments <a>. Afin de pouvoir les commander avec la méthode find_elements_by_class_name, ces résultats sont insérés à cet endroit du script. |
| i=0for listitem in lists: print (listitem.get_attribute("innerHTML")) i=i+1 if(i>10): break | Lors de la dernière étape active, le script fournit la liste des résultats obtenus. Cette liste est limitée aux dix premiers résultats avec une balise <a>. |
| driver.quit() | La ligne de code finale procède à la fermeture de l’instance du navigateur. |
L’exemple utilisé dans ce tutoriel Selenium montre de façon impressionnante à quel point ce framework est idéal pour tester les navigateurs. Il met également en évidence l’intérêt de Selenium WebDrive dans le cadre d’un Web scraping avec Python qui fait également partie des nombreuses possibilités d’utilisation de cette suite de test. Vous trouverez des informations détaillées sur ce que recouvre ce type de collecte de données depuis le Web dans notre article « Qu’est-ce que le Web scraping ? ».
Selenium ou Selenium WebDriver met à votre disposition des outils de première qualité pour collecter des données sur des sites internet et simuler des interactions avec les utilisateurs. Cependant, ce framework open source ne convient pas à tous les domaines comme le soulignent les développeurs dans leur liste de « Worst Cases » (« pires cas d’utilisation »). Les domaines suivants font notamment partie des cas et des contenus de sites internet que vous ne pouvez pas tester ou enregistrer avec Selenium :
Grâce à la bibliothèque de JavaScript jQuery, il est devenu simple d’adapter des éléments HTML. Les sélecteurs sont nombreux et vous aident à choisir les contenus que vous souhaitez et à les manipuler. Par ailleurs, ils permettent d’écrire des lignes de code qui réagissent à la navigation et aux saisies des internautes et qui exécutent des réactions définies de manière automatique. Vous trouverez...
Créé pour répondre à une nécessité, le logiciel Git développé par l’équipe Linux est devenu pour beaucoup l’outil de gestion de versions numéro un. Ceci repose notamment sur le fait que de grandes plateformes de développeurs comme GitHub ou BitBucket s’appuient sur ce logiciel libre. Dans notre grand tutoriel pour les débutants, vous découvrirez les bases essentielles de Git.
Aucun logiciel n’est exempt d’erreurs. La méthode du fuzzing recherche de manière ciblée les vulnérabilités de la programmation. Des données de saisie aléatoires sont générées automatiquement et injectées au programme chargé de les traiter. Cela permet de déterminer si des erreurs de commande, volontaires ou non, entraîneront le plantage du logiciel. Le cas échéant, la sécurité du système dans son...
Les programmeurs utilisent le Test Driven Development (TDD) pour piloter le développement de logiciel grâce au test des composants du code. Les tests garantissent une architecture propre et réduisent les bugs. La procédure du TDD est cyclique : après avoir écrit un test qui a échoué, vous modifiez le code et il est refactorisé.
Offrez un service performant et fiable à vos clients avec l'hébergement web de IONOS.
Voir les packs
