Cómo inspeccionar con éxito el elemento Android | IOS con Appium Inspector-2021

Tutorial de Appium
Tutorial de Appium

Usando Appium Inspector, aprenderemos cómo inspeccionar el elemento android y cómo inspeccionar el elemento en el iPhone en este Tutorial de Appium. Appium proporciona la capacidad de inspeccionar elementos tanto en androide y iOS.

Cómo inspeccionar el elemento en iPhone usando Appium inspector

Paso 1 →Abriendo el simulador de iOS

En este tutorial, para todos los ejemplos que hemos cubierto con el simulador de iOS. Para abrir el simulador de iOS, siga el siguiente proceso:

  • Abrir Xcode
  • En la esquina superior izquierda de su computadora portátil, verá escrito "Xcode". Por favor haga clic en eso
  • Verá la opción "Abrir herramienta de desarrollador" desde allí, elija Simulador
  • Se abrirá un simulador de iOS

Paso 2 →Obteniendo "udid".

Para conectar el inspector de Appium con el simulador, necesitamos udid. Para obtener el 

udid arrancado, ejecute el siguiente comando

  • lista simctl xcrun | egrep '(Arrancado)'

enumerará la identificación del dispositivo y el nombre del simulador que se inició recientemente

Paso 3 → Obtener la versión del sistema operativo

Ahora necesitamos la versión del sistema operativo del simulador. Para obtener la versión del sistema operativo, ejecute el siguiente comando

  • instrumentos -s dispositivos | grep “iPhone SE” [reemplace el nombre del dispositivo con el nombre del dispositivo que obtuvo del comando anterior]

Paso 4 → Abriendo Appium Inspector

Ahora tenemos la identificación del dispositivo y la versión del sistema operativo. Haga clic en el botón resaltado en la imagen de abajo. Abrirá el nuevo inspector.

Haga clic en buscar
Haga clic en buscar

Paso 5 → Conectando Appium inspector con Simulator

Ahora agregue todas las capacidades deseadas necesarias para iniciar la sesión. Siga la imagen a continuación para conocer las capacidades deseadas requeridas e inicie la sesión.

Si desea verificar con una aplicación específica, puede agregar una ruta de aplicación. En este tutorial, hemos trabajado con la aplicación "Contacto" existente en el Simulador.

Agregue las capacidades deseadas
Agregue las capacidades deseadas
Iniciar la sesión
Iniciar la sesión

Paso 6 → Obteniendo la pantalla predeterminada.

Una vez iniciada la sesión, puede ver la imagen de la pantalla de inicio del Simulador y la jerarquía XML. Por favor, mire la imagen de abajo para obtener más detalles.

Inspector de Appium
Inspector de Appium

Paso 7 →Inspeccione y haga clic en el contacto.

Ahora haga clic en el botón de contacto del Simulador para reflejar la pantalla del inspector y haga clic en actualizar. Alternativamente, puede encontrar el Xpath del contacto y hacer clic en Tap. Por favor, vea la imagen a continuación.

Cómo inspeccionar el elemento en iPhone
Cómo inspeccionar el elemento en iPhone

Paso 8 → ¿Cómo empezar a grabar?

Después de hacer clic en Contactos, veremos la imagen a continuación. Ahora haga clic en "Iniciar grabación" para capturar todas las acciones. Ayudará a generar los scripts de Appium en el idioma deseado. 

Empezar a grabar
Empezar a grabar

Paso 9 →Inspeccione el elemento y haga clic en el grifo.

Siga la parte resaltada en la imagen de abajo. Primero, busque el XPath del botón "Agregar", y luego, haga clic en el botón Tap.

Realizar acciones del inspector
Realizar acciones del inspector

Paso 10 →Envío de llaves.

Después de tocar el botón Agregar, aparecerá la siguiente pantalla. Siga la parte resaltada para enviar el valor desde el propio Appium Inspector.

Usar sendKeys
Usar sendKeys

Paso 11 →Escribiendo hola.

Escriba cualquier valor para actualizar el valor "Nombre" y haga clic en "Enviar claves".

Escribe hola
Escribe hola

Paso 12 →Valor reflejado tanto en la aplicación.

El valor se reflejará en ambos lugares, como en la imagen de abajo. Inspector de Appium 

así como Simulador 

valor reflejado en ambas aplicaciones
valor reflejado en ambas aplicaciones

Paso 13 →generando código.

Ahora haga clic en el enlace que se muestra a continuación en la imagen. Generará scripts de automatización en el idioma preferido. Aquí el idioma ha sido seleccionado como Python. Puede ver esto en la imagen de abajo.

haga clic para generar el código
haga clic para generar el código

Paso 14 →Código de muestra.

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();
  }
}

Problemas enfrentados al abrir Appium Inspector en Mac. 

¿Cómo resolverá problemas como "Se encontró un error interno al ejecutar el comando: Error: Dispositivo desconocido o UDID del simulador?"

You need to install "libimobiledevice."
Please use command → brew install libimobiledevice --HEAD. 

 ¿Cómo lo resolverá si obtiene el problema “WebDriverAgent debido a un error de xcodebuild: no encontrado: carthage”?

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

Cómo inspeccionar el elemento en Android usando Appium inspector

Paso 1 → Emulador de apertura

En este tutorial, para todos los ejemplos que hemos cubierto con el emulador de Android. Para abrir el emulador de Android, siga el proceso mencionado a continuación:

  • Abra Android Studio
  • Vaya a Herramientas y seleccione AVD Manager
  • Verá el emulador. Obtuve la sección Acción para iniciar el emulador
  • Escriba "adb devices" para obtener el ID del dispositivo

Paso 2 → Abriendo el inspector de Appium.

Ahora tenemos la identificación del dispositivo y la versión del sistema operativo. Haga clic en el botón resaltado en la imagen de abajo. Abrirá el nuevo inspector.

Abrir inspector de Appium
Abrir inspector de Appium

Paso 3 → Conectando Appium inspector con Simulator

Ahora agregue todas las capacidades deseadas necesarias para iniciar la sesión. Siga la imagen a continuación para conocer las capacidades deseadas requeridas e inicie la sesión.
Si desea verificar con una aplicación específica, puede agregar una ruta de aplicación. En este tutorial, hemos trabajado con la aplicación "Contacto" existente en el emulador.

Agregar capacidades deseadas
Agregar capacidades deseadas

Paso 4 → Abrir la pantalla de inicio

Una vez iniciada la sesión, puede ver la imagen de la pantalla de inicio del emulador y la jerarquía XML. Consulte la imagen a continuación para obtener más detalles.

Abrir la pantalla de inicio
Abrir la pantalla de inicio

Paso 5 →Inspeccione el elemento y comience a grabar.

Ahora haga clic en el botón de contacto del emulador. Consulte la siguiente imagen para obtener más detalles.

cómo inspeccionar el elemento en Android
cómo inspeccionar elemento en android

Paso 6 →Hacer clic en el botón Agregar

Después de hacer clic en Contactos, veremos la imagen a continuación (aquí hemos elegido la pestaña de favoritos y refrescamos la página desde el inspector). Ahora haga clic en "Iniciar la grabación" para capturar todas las acciones. Ayudará a generar los scripts de Appium en el idioma deseado. Haga clic en el botón de toque resaltado a continuación.

Realizar acciones
Realizar acciones

Paso 7 → Haciendo clic en enviar claves.

Después de tocar el botón Agregar, aparecerá la siguiente pantalla. Siga la parte resaltada para enviar el valor del Inspector de Appium misma.

haga clic en sendKeys
haga clic en sendKeys

Paso 8 →Escribiendo Hola

Escriba cualquier valor para actualizar el valor "Nombre" y haga clic en "Enviar llaves".

escribiendo hola
escribiendo hola

Paso 9 →Generando código

El valor se reflejará en el cuadro de edición, como en la imagen de abajo. Inspector de Appium,
así como también emulador. Para generar el código, haga clic en la flecha resaltada.

haga clic para generar código
haga clic para generar código

Paso 10 → Código de muestra

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();
  }
}

Nota:

  • El inspector de Appium solo captura las acciones que realiza en la página.
  • Para Android, el usuario debe agregar la actividad de la aplicación y el paquete de la aplicación para ejecutar los scripts.

Conclusión

Hasta ahora, hemos discutido cómo inspeccionar elemento android y cómo inspeccionar el elemento en iPhone. En el siguiente tema, escribiremos sobre cómo escribir el primer script en Appium. Para comenzar el tema desde el principio, por favor haz clic aquí. Para obtener más detalles sobre esta sección, consulte este enlace.

Sobre Himadri Das

Hola, soy Himadri Das, soy bloguero y colaborador de código abierto. Tengo alrededor de 11 años de experiencia en el dominio de las tecnologías de la información. Actualmente trabajo en una Startup Company como Quality Assurance Manager. Tengo experiencia práctica en Appium, Selenium, QTP, Locust, marco de automatización, pruebas de rendimiento, pruebas funcionales, Java, python, scripts de Shell, MySql, Redis, Kafka, etc. Además de mi trabajo y escribir blogs, me encanta jugar. guitarra, me encanta viajar y me encanta ver el cricket y el fútbol. Si quieres saber más sobre mí, visita mi perfil de LinkedIn: https://www.linkedin.com/in/himadri-das-2b6b7421/.

Deja un comentario

Tu dirección de correo electrónico no será publicada.Los campos obligatorios están marcados *