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

Tutoriel Appium
Tutoriel Appium

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:

  • Ouvrez Xcode
  • Dans le coin supérieur gauche de votre ordinateur portable, vous verrez «Xcode» écrit. Veuillez cliquer dessus
  • Vous verrez l'option "Ouvrir l'outil de développement" à partir de là, choisissez Simulateur
  • Un simulateur iOS sera ouvert

É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 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, 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.

Below are the sample scripts generated by the Appium inspector. Here language has been selected as Java-Junit.





import io.appium.java_client.MobileElement;
import io.appium.java_client.ios.IOSDriver;
import junit.framework.TestCase;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import java.net.MalformedURLException;
import java.net.URL;
import org.openqa.selenium.
remote.DesiredCapabilities;

public class SampleTest {

  private IOSDriver driver;

  @Before
  public void setUp() throws MalformedURLException {
    DesiredCapabilities desiredCapabilities = new DesiredCapabilities();
    desiredCapabilities
.setCapability("platformName", "iOS");
    desiredCapabilities
.setCapability("platformVersion", "13.6");
    desiredCapabilities
.setCapability("deviceName", "iPhone SE");
    desiredCapabilities
.setCapability("automationName", "XCUITest");
    desiredCapabilities
.setCapability("udid", "B5FDD9EB-05C6-4F3B-9DFE-1A4EC3E06A7F");

    URL remoteUrl = new URL("http://localhost:4723/wd/hub");

    driver = new IOSDriver(remoteUrl, desiredCapabilities);
  }

  @Test
  public void sampleTest() {
    MobileElement el1 = (MobileElement) driver
.findElementByAccessibilityId
("Contacts");
    el1.click();
    MobileElement el2 = (MobileElement) driver
.findElementByAccessibilityId("Add");
    el2.click();
    MobileElement el3 = (MobileElement) driver
.findElementByAccessibilityId("First name");
    el3.sendKeys("Hello");
  }

  @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?"

You need to install "libimobiledevice."
Please use command → 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»?

You need to install the carthage
Please use command→ brew install carthage.

Comment inspecter un élément 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:

  • Veuillez ouvrir Android Studio
  • Veuillez aller dans Outils et sélectionner AVD Manager
  • Vous verrez l'émulateur. Veuillez obtenir la section Action pour lancer l'émulateur
  • Tapez "adb devices" pour obtenir l'identifiant de l'appareil

É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

It will generate below scripts:

import io.appium.java_client.MobileElement;
import io.appium.java_client
.android.AndroidDriver;
import junit.framework.TestCase;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import java.net.MalformedURLException;
import java.net.URL;
import org.openqa.selenium
.remote.DesiredCapabilities;

public class SampleTest {

  private AndroidDriver driver;

  @Before
  public void setUp() throws MalformedURLException {
    DesiredCapabilities desiredCapabilities = new DesiredCapabilities();
    desiredCapabilities
.setCapability("platformName", "Android");
    desiredCapabilities
.setCapability("platformVersion", "23");
    desiredCapabilities
.setCapability("deviceName", "Nexus 5X");
    desiredCapabilities
.setCapability("automationName", "UIAutomator2");
    desiredCapabilities
.setCapability("udid", "emulator-5554");
    desiredCapabilities
.setCapability
("ensureWebviewsHavePages", true);

    URL remoteUrl = new URL("http://localhost:4723/wd/hub");

    driver = new AndroidDriver(remoteUrl, desiredCapabilities);
  }

  @Test
  public void sampleTest() {
    MobileElement el1 = (MobileElement) driver
.findElementByAccessibilityId
("Contacts");
    el1.click();
    MobileElement el2 = (MobileElement) driver
.findElementById
("com.android.contacts:"+
"id/contact_tile_list");
    el2.click();
    MobileElement el3 = (MobileElement)
 driver.findElementByAccessibilityId
("add new contact");
    el3.click();
    MobileElement el4 = (MobileElement) 
driver
.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("Hello");
    el4.sendKeys("Hello");
  }

  @After
  public void tearDown() {
    driver.quit();
  }
}

À noter :

  • L'inspecteur Appium capture uniquement les actions que vous effectuez sur la page.
  • Pour Android, l'utilisateur doit ajouter l'activité de l'application et le package d'application pour exécuter les scripts.

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 cliquer ici. Pour plus de détails sur cette section, veuillez vous référer à ceci lien.

À propos de Himadri Das

Bonjour, je suis Himadri Das, je suis blogueur et contributeur open source. J'ai environ 11 ans d'expérience dans le domaine des technologies de l'information. Actuellement, je travaille dans une start-up en tant que responsable de l'assurance qualité. J'ai une expérience pratique sur Appium, Selenium, QTP, Locust, Automation framework, Performance Testing, Functional Testing, Java, python, Shell scripting, MySql, Redis, Kafka etc. En dehors de mon travail et de l'écriture de blogs, j'aime jouer guitare, aime voyager et aime regarder le cricket et le football. Si vous voulez en savoir plus sur moi, veuillez visiter mon profil linkedin - https://www.linkedin.com/in/himadri-das-2b6b7421/.

Laisser un commentaire

Votre adresse email n'apparaîtra pas. Les champs obligatoires sont marqués *

Geeks Lambda