Comment inspecter avec succès un élément Android | IOS avec Appium Inspector-2021

En utilisant Appium Inspector, nous allons apprendre comment inspecter l'élément android et comment inspecter l'élément sur l'iPhone dans ce Tutoriel Appium. Appium offre la possibilité d'inspecter des éléments à la fois android et iOS.

Comment inspecter un élément sur iPhone à l'aide de l'inspecteur Appium

Étape 1 →Ouverture du simulateur iOS

Dans ce tutoriel, pour tous les exemples que nous avons couverts avec le simulateur iOS. Pour ouvrir le simulateur iOS, suivez le processus ci-dessous:

Étape 2 →Obtenir «udid».

Pour connecter l'inspecteur Appium au simulateur, nous avons besoin de udid. Pour obtenir le 

udid démarré, veuillez exécuter la commande ci-dessous

  • liste xcrun simctl | egrep '(démarré)'

il listera l'identifiant de l'appareil et le nom du simulateur démarré récemment

Étape 3 → Obtenir la version du système d'exploitation

Nous avons maintenant besoin de la version OS du simulateur. Pour obtenir la version du système d'exploitation, veuillez exécuter la commande ci-dessous

  • instruments -s devices | grep «iPhone SE» [veuillez remplacer le nom de l'appareil par le nom de l'appareil obtenu à partir de la commande ci-dessus]

Étape 4 → Ouverture de l'inspecteur Appium

Nous avons maintenant l'ID de l'appareil et la version du système d'exploitation avec nous. Veuillez cliquer sur le bouton mis en évidence dans l'image ci-dessous. Cela ouvrira le nouvel inspecteur.

Cliquez sur recherche
Cliquez sur recherche

Étape 5 → Connecter l'inspecteur Appium avec le simulateur

Ajoutez maintenant tous les capacités souhaitées nécessaire pour démarrer la session. Veuillez suivre l'image ci-dessous pour les capacités souhaitées requises et démarrer la session.

Si vous souhaitez vérifier avec une application spécifique, vous pouvez ajouter un chemin d'accès à l'application. Dans ce didacticiel, W a travaillé avec l'application «Contact» existante dans le simulateur.

Ajouter les capacités souhaitées
Ajouter les capacités souhaitées
Démarrez la session
Démarrez la session

Étape 6 → Obtenir l'écran par défaut.

Une fois la session démarrée, vous pouvez voir l'image de l'écran d'accueil du simulateur et la hiérarchie XML. Veuillez regarder l'image ci-dessous pour plus de détails.

Inspecteur Appium
Inspecteur Appium

Étape 7 →Inspectez et cliquez sur le contact.

Cliquez maintenant sur le bouton de contact du simulateur pour refléter l'écran de l'inspecteur et cliquez sur rafraîchir. Alternativement, vous pouvez trouver le Xpath du contact et cliquer sur Tap. Veuillez voir l'image ci-dessous.

Comment inspecter un élément sur iPhone
Comment inspecter un élément sur iPhone

Étape 8 → Comment démarrer l'enregistrement?

Après avoir cliqué sur Contacts, nous verrons l'image ci-dessous. Cliquez maintenant sur «Démarrer l'enregistrement» pour capturer toutes les actions. Cela aidera à générer les scripts Appium dans la langue souhaitée. 

Commencer l'enregistrement
Commencer l'enregistrement

Étape 9 →Inspectez l'élément et cliquez sur le robinet.

Veuillez suivre la partie en surbrillance dans l'image ci-dessous. Tout d'abord, recherchez le XPath du bouton «Ajouter», puis cliquez sur le bouton Tap.

Effectuer les actions de l'inspecteur
Effectuer les actions de l'inspecteur

Étape 10 →Envoi des clés.

Après avoir appuyé sur le bouton Ajouter ci-dessous, l'écran apparaîtra. Veuillez suivre la partie en surbrillance pour envoyer la valeur à partir de l'inspecteur Appium lui-même.

Utilisez sendKeys
Utilisez sendKeys

Étape 11 →Taper bonjour.

Veuillez écrire n'importe quelle valeur pour mettre à jour la valeur "Prénom" et cliquez sur "Envoyer les clés".

Tapez bonjour
Tapez bonjour

Étape 12 →Valeur reflétée à la fois dans l'application.

La valeur sera reflétée aux deux endroits, comme dans l'image ci-dessous. Inspecteur Appium 

ainsi que Simulator 

valeur reflétée dans les deux applications
valeur reflétée dans les deux applications

Étape 13 →générer du code.

Cliquez maintenant sur le lien ci-dessous dans l'image. Il générera des scripts d'automatisation dans la langue préférée. Ici, la langue a été sélectionnée comme Python. Vous pouvez voir ceci dans l'image ci-dessous.

cliquez pour générer le code
cliquez pour générer le code

Étape 14 →Exemple de code.

Vous trouverez ci-dessous les exemples de scripts générés par l'inspecteur Appium. Ici, la langue a été sélectionnée comme Java-Junit. importer io.appium.java_client.MobileElement ; importer io.appium.java_client.ios.IOSDriver ; importer junit.framework.TestCase ; importer org.junit.After ; import org.junit.Before ; import org.junit.Test ; import java.net.MalformedURLException ; importer java.net.URL ; importer org.openqa.selenium. remote.DesiredCapabilities ; public class SampleTest { pilote IOSDriver privé ; @Before public void setUp() lance MalformedURLException { DesiredCapabilities wantedCapabilities = new DesiredCapabilities(); desireCapabilities .setCapability("nomPlateforme", "iOS"); desireCapabilities .setCapability("platformVersion", "13.6"); desireCapabilities .setCapability("deviceName", "iPhone SE"); desireCapabilities .setCapability("automationName", "XCUITest"); desireCapabilities .setCapability("udid", "B5FDD9EB-05C6-4F3B-9DFE-1A4EC3E06A7F"); URL remoteUrl = nouvelle URL("http://localhost:4723/wd/hub"); driver = new IOSDriver(remoteUrl, desireCapabilities); } @Test public void sampleTest() { MobileElement el1 = (MobileElement) pilote .findElementByAccessibilityId ("Contacts"); el1.click(); MobileElement el2 = (MobileElement) pilote .findElementByAccessibilityId("Add"); el2.click(); MobileElement el3 = (MobileElement) pilote .findElementByAccessibilityId("First name"); el3.sendKeys("Bonjour"); } @After public void tearDown() { driver.quit(); } }

Problèmes rencontrés lors de l'ouverture de l'inspecteur Appium sous Mac. 

Comment allez-vous résoudre les problèmes tels que "Erreur interne rencontrée lors de l'exécution de la commande: Erreur: UDID de périphérique ou de simulateur inconnu?"

Vous devez installer "libimobiledevice". Veuillez utiliser la commande → brew install libimobiledevice --HEAD. 

 Comment allez-vous le résoudre si vous obtenez le problème «WebDriverAgent en raison de l'échec de xcodebuild: not found: carthage»?

Vous devez installer le carthage Veuillez utiliser la commande → brew install carthage.

Comment inspecter un élément sur Android à l'aide de l'inspecteur Appium

Étape 1 → Émulateur d'ouverture

Dans ce tutoriel, pour tous les exemples que nous avons couverts avec l'émulateur Android. Pour ouvrir l'émulateur Android, suivez le processus mentionné ci-dessous:

Étape 2 → Ouverture de l'inspecteur Appium.

Nous avons maintenant l'ID de l'appareil et la version du système d'exploitation avec nous. Veuillez cliquer sur le bouton mis en évidence dans l'image ci-dessous. Cela ouvrira le nouvel inspecteur.

Ouverture de l'inspecteur Appium
Ouverture de l'inspecteur Appium

Étape 3 → Connecter l'inspecteur Appium avec le simulateur

Ajoutez maintenant toutes les fonctionnalités souhaitées requises pour démarrer la session. Veuillez suivre l'image ci-dessous pour les capacités souhaitées requises et démarrer la session.
Si vous souhaitez vérifier avec une application spécifique, vous pouvez ajouter un chemin d'accès à l'application. Dans ce didacticiel, nous avons travaillé avec l'application «Contact» existante dans l'émulateur.

Ajout des capacités souhaitées
Ajout des capacités souhaitées

Étape 4 → Ouverture de l'écran d'accueil

Une fois la session démarrée, vous pouvez voir l'image de l'écran d'accueil de l'émulateur et la hiérarchie XML. Veuillez vous référer à l'image ci-dessous pour plus de détails.

Ouverture de l'écran d'accueil
Ouverture de l'écran d'accueil

Étape 5 →Inspectez l'élément et démarrez l'enregistrement.

Cliquez maintenant sur le bouton de contact de l'émulateur. Veuillez voir l'image ci-dessous pour plus de détails.

comment inspecter l'élément sur Android
comment inspecter l'élément sur android

Étape 6 →Cliquer sur le bouton Ajouter

Après avoir cliqué sur Contacts, nous verrons l'image ci-dessous (Ici, nous avons choisi l'onglet favori et actualiser la page depuis l'inspecteur). Cliquez maintenant sur "Commencer l'enregistrement" pour capturer toutes les actions. Cela aidera à générer les scripts Appium dans la langue souhaitée. Veuillez cliquer sur le bouton tap mis en évidence ci-dessous.

Effectuer des actions
Effectuer des actions

Étape 7 → En cliquant sur les clés d'envoi.

Après avoir appuyé sur le bouton Ajouter ci-dessous, l'écran apparaîtra. Veuillez suivre la partie en surbrillance pour envoyer la valeur du Inspecteur Appium elle-même.

cliquez sur sendKeys
cliquez sur sendKeys

Étape 8 →Taper Bonjour

Veuillez écrire une valeur pour mettre à jour la valeur "Prénom" et cliquez sur "Envoyez les clés."

taper bonjour
taper bonjour

Étape 9 →Générer du code

La valeur sera reflétée dans la zone d'édition, comme dans l'image ci-dessous. Inspecteur Appium,
ainsi qu'un émule. Pour générer le code, cliquez sur la flèche en surbrillance.

cliquez pour générer du code
cliquez pour générer du code

Étape 10 → Exemple de code

Il générera les scripts ci-dessous : import io.appium.java_client.MobileElement ; importer io.appium.java_client .android.AndroidDriver ; importer junit.framework.TestCase ; importer org.junit.After ; import org.junit.Before ; import org.junit.Test ; import java.net.MalformedURLException ; importer java.net.URL ; importer org.openqa.selenium .remote.DesiredCapabilities ; public class SampleTest { pilote AndroidDriver privé ; @Before public void setUp() lance MalformedURLException { DesiredCapabilities wantedCapabilities = new DesiredCapabilities(); desireCapabilities .setCapability("nomPlateforme", "Android"); desireCapabilities .setCapability("platformVersion", "23"); desireCapabilities .setCapability("deviceName", "Nexus 5X"); desireCapabilities .setCapability("automationName", "UIAutomator2"); desireCapabilities .setCapability("udid", "emulator-5554"); desireCapabilities .setCapability ("ensureWebviewsHavePages", true); URL remoteUrl = nouvelle URL("http://localhost:4723/wd/hub"); driver = new AndroidDriver(remoteUrl, desireCapabilities); } @Test public void sampleTest() { MobileElement el1 = (MobileElement) pilote .findElementByAccessibilityId ("Contacts"); el1.click(); MobileElement el2 = (MobileElement) pilote .findElementById ("com.android.contacts :"+ "id/contact_tile_list"); el2.click(); MobileElement el3 = (MobileElement) driver.findElementByAccessibilityId ("ajouter un nouveau contact"); el3.click(); MobileElement el4 = (MobileElement) pilote .findElementByXPath("/hierarchy+ "/android"+ ".widget." + "FrameLayout/android"+ ".view.ViewGroup/android.widget" + ".FrameLayout[2]/android. widget"+ ".FrameLayout/android.widget" + ".ScrollView/android.widget"+ ".LinearLayout/android.widget" + ".LinearLayout[2]/android"+ ".widget.LinearLayout/android .widget" + ".LinearLayout/android.widget" ".LinearLayout/android"+ ".widget.EditText") .sendKeys("Bonjour"); el4.sendKeys("Bonjour"); } @After public void tearDown() { pilote .quitter(); } }

À noter :

Conclusion

Jusqu'à présent, nous avons discuté comment inspecter l'élément android et comment inspecter un élément sur iPhone. Dans le sujet suivant, nous écrirons sur comment écrire le premier script dans Appium. Pour commencer le sujet depuis le début, veuillez cliquez ici . Pour plus de détails sur cette section, veuillez vous référer à ceci lien.

Laisser un commentaire