Comment débuter avec WebdriverIO et Experitest

Webdriver.io est une application mobile et navigateur. automatisation des tests WebdriverIO est un framework qui a récemment gagné en popularité dans le secteur des tests logiciels. Ce framework libre et open source est écrit en JavaScript et fonctionne avec Node.js. Disponible via npm, WebdriverIO est facile à installer et à utiliser. Il permet de tester aussi bien les applications web que les applications mobiles natives.

WebDriver est populaire car il s'appuie sur Selenium, ce qui permet d'exécuter des scripts de test sur tous les navigateurs. Outre les avantages de Selenium, il simplifie l'écriture de scripts Java. Son intégration avec de nombreux frameworks de test, comme Appium, permet de tirer le meilleur parti des deux technologies. Apprenez-en davantage sur la migration depuis WebDriver. Sélénium à Appium, et comment permettre à vos testeurs Web de Digital.ai Continuous Testing.

Les commandes du tutoriel WebdriverIO sont simples et concises. La syntaxe est très claire. L'assistant d'installation de wdio vous guide tout au long de la configuration de votre projet. Grâce au Testrunner, vous pouvez exécuter des commandes asynchrones. De plus, vous pouvez ajouter des hooks pour effectuer une action spécifique pendant le processus de test. Par exemple, vous pouvez prendre une capture d'écran d'un message d'erreur. La présence d'une large communauté vous permet de résoudre rapidement les problèmes que vous rencontrez.

Voici un tutoriel étape par étape sur la façon d'installer et d'exécuter des scripts de test à l'aide de WebriverIO.

Étape 1 : Installer Node.js

Pour utiliser ce tutoriel WebDriverIO, vous devez avoir installé Node.js et le gestionnaire de paquets Node (npm) sur votre machine. L'installation de Node.js entraîne automatiquement l'installation de npm.

Rendez-vous sur le site web de Node.js et téléchargez la dernière version LTS. La version LTS actuelle est la 12.18.0 et la version npm est la 6.14.4.

https://nodejs.org/en/download/

Téléchargez le fichier .msi et installez-le.

Cliquez sur Suivant et acceptez le contrat de licence.

Choisissez le nodejs dossier sur l'écran suivant.

Dans l'écran de configuration personnalisée, vous pouvez personnaliser les fonctionnalités à installer.

Si vous avez besoin d'outils supplémentaires pour les modules natifs, vous pouvez les installer en cochant la case correspondante dans l'écran des modules natifs.

Cliquez sur Suivant pour démarrer le processus d'installation.

Une fois l'installation terminée, cliquez sur Terminer.

Pour vérifier si Node.js et npm sont correctement installés sur la machine, ouvrez l'invite de commandes et saisissez les commandes suivantes :

• Nœud – v
• Npm – v

Si les versions de Node.js et npm s'affichent à l'écran, cela signifie que les outils sont prêts à l'emploi.

Étape 2 : Créer un répertoire de projet

Avant de commencer le projet, créez un répertoire de projet pour organiser toutes les données de votre projet dans un seul dossier.

Ouvrez l'invite de commandes et créez un répertoire à l'aide de la commande mkdir.

• mkdir experitestdemo

Maintenant, accédez à ce répertoire à l'aide de la commande cd.

• démo d'expérience CD

Étape 3 : Créer le fichier Package.JSON

Ouvrez l'invite de commandes et saisissez la commande suivante :

• npm init –y

Remarque : Le paramètre –y créera un paquet par défaut.

Étape 4 : Installer l’interface de ligne de commande WebDriverIO

Pour installer l'interface de ligne de commande WebDriverIO, saisissez la commande suivante dans l'invite de commandes.

• npm install @wdio/cli

Une fois l'installation terminée, les détails du paquet ajouté s'afficheront.

Étape 5 : Créer un fichier de configuration WebDriverIO

Pour exécuter des scripts de test avec WebDriverIO, créez un fichier de configuration contenant les détails des tests, les fonctionnalités et les paramètres. Pour ce faire, saisissez la commande suivante dans l'invite de commandes :

• npx wdio config

L'assistant de configuration wdio s'ouvre. Fournissez les informations requises telles que le système d'automatisation, le framework, l'outil de reporting, etc.

1. Où se trouve votre serveur d'automatisation ? Sur ma machine locale (Si vous souhaitez exécuter les tests dans le cloud, vous pouvez spécifier l'emplacement distant ici.)
2. Quel framework souhaitez-vous utiliser ? Mocha
3. Synchrone ou asynchrone ? Synchrone
4. Où se trouvent les spécifications de test ? Choisissez la valeur par défaut.
5. Quel outil de reporting utiliser ? Non
6. Vous souhaitez ajouter un service de test à la configuration ? Chromedriver
7. Quelle est l'URL de base ? https://experitest.com

Un message s'affichera indiquant que le paquet a été installé avec succès et que le fichier de configuration a été créé avec succès.

Étape 6 : Créer les spécifications

Avant de procéder à l'exécution des tests, il est important de centraliser tous vos scripts de test. Créez donc un répertoire « test » dans le dossier du projet, accédez à ce répertoire et créez un sous-répertoire « specs ». Créez ensuite un fichier JavaScript dans le sous-répertoire « specs », écrivez-y votre script de test et enregistrez-le.

Voici un exemple de code JavaScript :

[javascript] describe('page d'experitest.com', () => { it('devrait avoir le bon titre', () => { browser.url('https://experitest.com.') const title = browser.getTitle() expect(browser).toHaveTitle('Experitest : Tests d'applications mobiles et de compatibilité navigateur de bout en bout'); }) }) [/javascript]

Étape 7 : Exécutez vos tests

Pour exécuter le script de test, saisissez la commande suivante :

• npx wdio wdio.conf.js

Le script de test a lancé avec succès le navigateur Chrome, vérifié le titre et fermé le navigateur.

WebdriverIO est désormais prêt à l'emploi ! Alors, écrivez vos scripts et exécutez-les instantanément. N'hésitez pas à essayer la version d'essai gratuite d'Experitest ici..

Guy Arieli - CTO