Comment télécharger et installer Selenium EDI pour Firefox et Chrome

Par : Krishna Rungta Krishna Rungta
Hours Le kit de préparation mis à jour

⚡ Résumé intelligent

Selenium L'IDE s'installe comme une extension de navigateur plutôt que comme une application autonome ; l'installation complète se fait donc via un téléchargement supplémentaire. Firefox ou Chrome, suivi d'un simple clic pour ouvrir l'enregistreur.

  • (I.e. Firefox itinéraire: Ajoutez l'extension de Firefox Ajoutez les modules complémentaires, approuvez la boîte de dialogue d'autorisation, puis lancez l'enregistreur à partir de l'icône de la barre d'outils.
  • ☑️ Route Chrome : Commencez par le site officiel. Selenium Sur la page de téléchargement de l'IDE, ajoutez l'extension et ouvrez-la depuis le menu Extensions.
  • ✅ Inspection des éléments : Firefox Les outils de développement (DevTools) et les outils de développement Chrome fournissent tous deux le sélecteur CSS ou le XPath dont une commande Selenese a besoin.
  • 🧪 Versions héritées : L'ouverture a Firefox-La version du plugin nécessite une ancienne version portable Firefox, donc considérez-le uniquement comme une référence historique.
  • ️ Dépannage: L'absence d'une icône dans la barre d'outils signifie presque toujours que l'extension est désactivée ou que la barre d'outils est tout simplement trop étroite.
  • (I.e. Fonctionne sur plusieurs navigateurs : L'installation du lanceur en ligne de commande via npm permet d'exécuter les projets enregistrés sur d'autres navigateurs et sur une grille.
En savoir plus

Téléchargez et installez Selenium EDI pour Firefox et Chrome

Dans ce tutoriel, nous apprendrons comment télécharger et installer Selenium IDE pour Firefox et Google ChromeRien n'est compilé et rien n'est placé dans le chemin système — l'IDE est une extension de navigateur, l'installation est donc terminée dès que le navigateur signale que l'extension a été ajoutée.

⚠️ Remarque concernant les versions : Les captures d'écran ci-dessous proviennent de l'original Firefox-brancher Selenium IDE. Cette compilation a cessé de fonctionner lorsque Firefox La version 55 a supprimé la prise en charge des anciens modules complémentaires XUL en 2017. Selenium L'IDE distribué aujourd'hui est une extension réécrite pour Firefox et Chrome qui enregistre les projets dans le .side Le format est utilisé à la place du HTML. Chaque étape originale est conservée ici, avec le comportement actuel indiqué à côté.

Comment faire pour installer Selenium EDI pour Firefox

Vous trouverez ci-dessous un processus étape par étape sur la façon de télécharger et d'installer Selenium EDI pour Firefox:

Qu'est-ce que vous avez besoin

  • Mozilla Firefox
  • Connexion Internet active

Si vous n'avez pas Mozilla Firefox pourtant, vous pouvez le télécharger depuis firefox.com.

Étapes 1) Ouvrir Firefox Modules complémentaires et téléchargement Selenium IDE

Lancement Firefox et naviguer vers le Selenium Liste IDE sur Firefox Ajouts. Cliquez sur Ajouter à FirefoxLa page du module complémentaire ressemble à la capture d'écran ci-dessous.

Selenium Liste IDE sur Firefox Modules complémentaires avec l'option Ajouter à Firefox bouton (dans la fenêtre de contrôle qui apparaît maintenant)

Étapes 2) Cliquez sur Ajouter

Attendre jusqu'à Firefox Terminez le téléchargement, puis cliquez sur « Ajouter ». Firefox Le premier message d'autorisation s'affiche ci-dessous, indiquant les accès demandés par l'extension.

Firefox invite d'autorisation avec le bouton Ajouter pour le Selenium Extension IDE

Étapes 3) Cliquez sur Ok

Une fois l'installation terminée, vous recevrez un message de confirmation. Cliquez sur « OK » dans la notification affichée ici.

Firefox message de confirmation indiquant que Selenium L'IDE a été ajouté

Étapes 4) Cliquez et ouvrez Selenium IDE

Cliquez sur le Selenium L'icône IDE, qui se trouve maintenant dans le Firefox barre d'outils comme indiqué ci-dessous.

Selenium icône IDE dans le Firefox barre d'outils du navigateur

Selenium L'IDE s'ouvrira dans sa propre fenêtre, comme sur la capture d'écran suivante.

Selenium La fenêtre IDE s'ouvre après l'installation dans Firefox

Firefox DevTools dans Firefox

L'installation de l'IDE ne représente que la moitié de la configuration. Enregistrer une étape est simple, mais en écrire une manuellement nécessite l'identifiant de l'élément sur lequel l'étape agit, identifiant fourni par l'inspecteur du navigateur.

Firefox DevTools est un Firefox Cette fonctionnalité nous permettra d'inspecter les éléments HTML de l'application web testée. Elle nous fournira le nom de l'élément sur lequel notre commande Selenese agira.

Étape 1) Faites un clic droit n’importe où sur la page et sélectionnez Inspecter l’élément. Vous pouvez également utiliser le raccourci Ctrl + Shift + I. Le menu contextuel est affiché ci-dessous.

Firefox menu contextuel par clic droit avec l'option Inspecter l'élément

Étape 2) Vous verrez l'interface illustrée ici, avec le balisage de la page d'un côté et les styles de l'autre.

Firefox Panneau d'inspection des outils de développement affichant le code HTML de la page testée

Étape 3) Vous pouvez cliquer avec le bouton droit sur un élément et choisir CSS ou XPathCela est utile pour l'identification d'objets, car la valeur copiée peut être collée directement dans le Target champ d'une commande.

Copier un sélecteur CSS ou une expression XPath à partir de Firefox Inspecteur DevTools

À noter: De même, vous pouvez utiliser les outils de développement de Chrome pour identifier les propriétés des objets. Le panneau Chrome ci-dessous remplit la même fonction.

Les outils de développement Chrome inspectent un élément pour lire ses propriétés d'objet.

Les deux inspecteurs exposent également les attributs id, name et class que l'IDE préfère lors de la génération d'un objet. localisateur pendant l'enregistrement.

Selenium L'IDE était obsolète et le développement s'était arrêté. Ce n'est que récemment que le projet a été ressuscité. Le nouveau Selenium manque de nombreuses fonctionnalités par rapport à l’IDE ​​obsolète. Des fonctionnalités sont ajoutées mais à un rythme lent. Pour explorer toutes les fonctionnalités de Selenium IDE, nous vous recommandons d'utiliser l'ancienne version. Pour utiliser l'ancienne version de l'IDE

Étape 1) Utilisez le Firefox 54 Vérification de la version portable ici

Étape 2) Rendez-vous sur Selenium Historique des versions de l'IDE et installez. La liste des versions ressemble à ceci.

Page d'historique des versions listant les versions précédentes Selenium Versions de l'IDE disponibles au téléchargement

Les fonctionnalités suivantes peuvent ne pas être disponibles dans la dernière version de l'IDE. Nous continuerons à mettre à jour les didacticiels au fur et à mesure que la nouvelle version sera mise à jour.

⚠️ État actuel : Utiliser un navigateur non pris en charge uniquement pour maintenir en vie une extension non prise en charge n'est plus une option pratique sur un ordinateur professionnel ; les deux étapes précédentes doivent donc être considérées comme un contexte historique. L'EDI repensé couvre désormais la plupart des fonctionnalités qui rendaient l'ancien outil utile, notamment : variables stockées, commandes de contrôle de flux et exportation de code.

Plugins

Selenium L'IDE peut prendre en charge des Firefox modules complémentaires ou plugins créés par d'autres utilisateurs. Vous pouvez consulter le officiel Selenium Site IDE pour une liste de Selenium modules complémentaires disponibles à ce jour. Installez-les comme vous le faites avec d'autres Firefox Add-ons.

Par défaut, Selenium L'IDE est livré avec 4 plugins :

  1. Selenium ICI: C# Formateurs
  2. Selenium ICI: Java Formateurs
  3. Selenium ICI: Python Formateurs
  4. Selenium IDE : Formateurs Ruby

Ces quatre plugins sont requis par Selenium IDE pour convertir Selenese en différents formats.

L'onglet Plugins affiche la liste de tous vos modules complémentaires installés, ainsi que le numéro de version et le nom du créateur de chacun, comme dans la capture d'écran ci-dessous.

Selenium L'onglet « Plugins IDE » répertorie les quatre plugins de formatage inclus.

Postes utilisateur

Selenium L'IDE peut prendre en charge les extensions utilisateur pour offrir des fonctionnalités avancées. Les extensions utilisateur se présentent sous la forme de JavaFichiers de script. Vous pouvez les installer en spécifiant leur chemin absolu dans l'un de ces deux champs de la boîte de dialogue Options.

Les deux champs de chemin sont mis en évidence dans la boîte de dialogue Options ci-dessous.

champs de dialogue Options pour le Selenium Extensions de base et Selenium chemins d'accès aux fichiers des extensions IDE

Vous trouverez des tonnes d'extensions utilisateur sur le Selenium page de téléchargementNotez que ce mécanisme appartenait à Selenium Noyau, qui a été supprimé dans Selenium 3 ; l'IDE moderne est étendu via sa propre API de plugins.

ARTICLES LIÉS

Comment faire pour installer Selenium IDE dans Chrome

Vous trouverez ci-dessous un processus étape par étape sur la façon de télécharger et d'installer Selenium EDI pour Google Chrome:

Étape 1) Rendez-vous dans la section Selenium Site IDE Cliquez sur le bouton de téléchargement Chrome.
Étape 2) Ouvrez la fiche produit du Chrome Web Store. Selenium Extension IDE à installer.
Étape 3) Cliquez sur le bouton Ajouter à Chrome pour ajouter le Selenium IDE à Google Chrome.
Étape 4) Allez dans le menu Extensions, cliquez sur cette icône et ouvrez Selenium IDE pour enregistrer un nouveau test dans un nouveau projet.

La version Chrome et le Firefox Les deux versions utilisent la même extension ; un projet enregistré dans l’une s’ouvre donc dans l’autre. Les boutiques d’applications modifiant régulièrement leurs listes, commencez toujours par le site officiel à l’étape 1 plutôt que par une boutique enregistrée dans vos favoris. URL.

Comment vérifier l'installation et enregistrer un premier test

Le fait qu'une extension se charge ne prouve pas que l'installation fonctionne. Le test le plus rapide consiste à enregistrer une séquence vidéo simple et à la réécouter.

  1. Cliquez sur Selenium Icône de l'IDE. La boîte de dialogue de bienvenue propose quatre options : enregistrer un nouveau test dans un nouveau projet, ouvrir un projet existant, créer un nouveau projet ou fermer l'IDE.
  2. Choisissez la première option et donnez un nom au projet.
  3. Entrez dans une base URLIl s'agit de l'adresse de l'application testée, et elle est réutilisée par chaque test du projet.
  4. Une nouvelle fenêtre de navigateur s'ouvre sur celle-ci. URL L'enregistrement démarre. Cliquez sur un lien ou saisissez du texte dans un champ, puis revenez à l'IDE et cliquez sur l'icône d'enregistrement pour l'arrêter.
  5. Cliquez sur l'icône d'enregistrement. L'IDE écrit un seul fichier avec un .side extension.
  6. Sélectionnez le test et cliquez sur lecture. Si les étapes enregistrées se déroulent sans marqueur d'erreur rouge, l'installation est correcte.

Un premier échec de lecture dès la première commande indique généralement un problème au niveau de la base. URL plutôt qu'à l'installation. Une lecture qui s'interrompt en cours de route est un problème de localisation, et c'est là que le commandes de vérification et d'attente gagner leur vie.

Comment réparer les problèmes courants Selenium Problèmes d'installation de l'IDE

Presque toutes les plaintes relatives à l'installation se classent dans l'un des quelques schémas suivants. Les deux premiers sont ceux documentés par le Selenium le projet lui-même.

  • Aucune icône dans la barre d'outils. Vérifiez que l'extension est activée. Tapez chrome://extensions dans Chrome, ou about:addons in Firefox, et vérifiez que Selenium L'IDE est activé.
  • L'extension est activée mais reste invisible. L'icône est peut-être simplement masquée car la barre d'outils est trop étroite. Dans Chrome, faites glisser la zone située à droite de la barre d'adresse. Firefox, cliquez avec le bouton droit sur la barre d'outils, choisissez Personnaliser, ajustez-la, puis cliquez sur Terminé.
  • L'IDE s'ouvre mais n'enregistre rien. La fenêtre d'enregistrement doit être celle lancée par l'IDE. L'enregistrement dans un onglet ouvert manuellement n'est pas pris en compte.
  • Rien ne fonctionne sur une page interne. Les extensions ne peuvent pas exécuter de scripts sur les pages internes du navigateur, telles que les écrans de paramètres ou d'extensions ; elles doivent donc enregistrer les opérations sur une page Web ordinaire.
  • Un navigateur géré bloque l'installation. Sur un profil d'entreprise, l'installation d'extensions est souvent contrôlée par une politique et nécessite l'autorisation d'un administrateur pour l'identifiant de l'extension.

Comment installer le Selenium Exécuteur de ligne de commande IDE

L'extension exécute les tests uniquement dans le navigateur où elle est installée. Pour exécuter un projet enregistré sur d'autres navigateurs, en parallèle ou sur une grille, installez l'exécuteur en ligne de commande. Il nécessite Node.js et npm.

npm install -g selenium-side-runner

Chaque navigateur nécessite également son propre pilote. Installez le pilote correspondant au navigateur cible.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

Une fois le runner et le pilote en place, indiquez au runner l'emplacement du fichier de projet que l'IDE a enregistré précédemment.

selenium-side-runner /path/to/your-project.side

Le programme d'exécution répartit les suites de tâches sur autant de processus que la machine possède de cœurs de processeur. Deux options couvrent la plupart des besoins quotidiens : -c configure le navigateur, et --base-url Le projet est entièrement redirigé vers un environnement différent, ce qui permet d'utiliser le même enregistrement sur une version locale et un serveur de préproduction.

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

À partir de là, l'étape suivante logique consiste à abandonner l'enregistrement et la lecture et à écrire les mêmes vérifications dans le code — voir le premier script WebDriver visite guidée et plus large Selenium série.

FAQ

Non. Il s'agit d'un logiciel libre et gratuit, distribué via les boutiques d'extensions de navigateur, sans compte, clé de licence ni période d'essai. L'interface en ligne de commande est également gratuite et s'installe depuis le registre public npm.

Non, pas pour l'extension elle-même, qui s'exécute entièrement dans le navigateur. Un environnement d'exécution n'est nécessaire que lors de l'exportation d'un enregistrement en code, ou lors de l'installation de l'exécuteur en ligne de commande, qui requiert Node.js plutôt qu'un JDK.

Toute plateforme exécutant un navigateur compatible, donc Windows, macOS Linux et Linux sont tous deux compatibles. L'extension hérite des exigences du navigateur ; il n'y a donc pas d'installateur séparé ni de version spécifique au système d'exploitation à choisir.

Supprimez-la de la page des extensions de votre navigateur, puis ajoutez-la à nouveau depuis le Play Store. Les projets enregistrés sont des fichiers ordinaires sur le disque dur ; ils ne sont donc pas affectés par une réinstallation. La réinstallation est la solution habituelle pour une fenêtre d'IDE qui s'ouvre vide.

Oui, car l'enregistrement s'effectue au sein d'une session de navigation réelle et hérite des cookies de cette session. Les redirections d'authentification unique enregistrent également des données, mais les étapes qui en résultent sont souvent fragiles et il est préférable de les remplacer par une connexion directe.

L'apprentissage automatique est principalement appliqué après l'enregistrement : les moteurs d'auto-réparation proposent un sélecteur de remplacement en cas de modification du balisage, et les modèles de test de défaillance signalent les étapes présentant des échecs intermittents. Aucun de ces systèmes ne modifie l'installation, mais tous deux réduisent la maintenance ultérieure.

Il ne peut pas gérer l'extension, mais il est utile sur le fichier exporté. Copilot transforme facilement un script exporté brut en objets de page, ajoute des attentes explicites et génère la tâche d'intégration continue qui appelle l'exécuteur en ligne de commande.

Vous pouvez choisir l'emplacement d'enregistrement. L'IDE crée un fichier JSON par projet avec l'extension .side ; il s'agit d'un fichier texte brut, donc sans risque pour l'intégration dans un système de contrôle de version et pour la comparaison lors des revues de code.

Résumez cet article avec :