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

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 android 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:

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 agrega todos los capacidades deseadas necesario para iniciar la sesión. Siga la imagen a continuación para ver 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.

A continuación se muestran los scripts de muestra generados por el inspector de Appium. Aquí el lenguaje ha sido seleccionado como Java-Junit. importar io.appium.java_client.MobileElement; importar io.appium.java_client.ios.IOSDriver; importar junit.framework.TestCase; importar org.junit.Después; importar org.junit.Antes; importar org.junit.Prueba; importar java.net.MalformedURLException; importar java.net.URL; importar org.openqa.selenium. remoto.DesiredCapabilities; prueba de muestra de clase pública { controlador IOSDriver privado; @Before public void setUp() lanza MalformedURLException { DesiredCapabilities desiredCapabilities = new DesiredCapabilities(); capacidades deseadas .setCapability("platformName", "iOS"); capacidades deseadas .setCapability("platformVersion", "13.6"); capacidades deseadas .setCapability("nombre del dispositivo", "iPhone SE"); capacidades deseadas .setCapability("automationName", "XCUITest"); capacidades deseadas .setCapability("udid", "B5FDD9EB-05C6-4F3B-9DFE-1A4EC3E06A7F"); URL remoteUrl = nueva URL ("http://localhost:4723/wd/hub"); controlador = nuevo IOSDriver (Url remota, capacidades deseadas); } @Test public void sampleTest() { MobileElement el1 = (MobileElement) controlador .findElementByAccessibilityId ("Contactos"); el1.clic(); MobileElement el2 = (MobileElement) controlador .findElementByAccessibilityId("Add"); el2.clic(); MobileElement el3 = (MobileElement) controlador .findElementByAccessibilityId("Nombre"); el3.sendKeys("Hola"); } @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?"

Necesitas instalar "libimobiledevice". Utilice el comando → brew install libimobiledevice --HEAD. 

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

Necesitas instalar el cartago Por favor usa el comando→ brew install cartago.

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:

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

Generará los siguientes scripts: import io.appium.java_client.MobileElement; importar io.appium.java_client .android.AndroidDriver; importar junit.framework.TestCase; importar org.junit.Después; importar org.junit.Antes; importar org.junit.Prueba; importar java.net.MalformedURLException; importar java.net.URL; importar org.openqa.selenium .remote.DesiredCapabilities; prueba de muestra de clase pública { controlador privado de AndroidDriver; @Before public void setUp() lanza MalformedURLException { DesiredCapabilities desiredCapabilities = new DesiredCapabilities(); capacidades deseadas .setCapability("platformName", "Android"); capacidades deseadas .setCapability("platformVersion", "23"); capacidades deseadas .setCapability("nombreDeDispositivo", "Nexus 5X"); capacidades deseadas .setCapability("automationName", "UIAutomator2"); capacidades deseadas .setCapability("udid", "emulator-5554"); deseableCapabilities .setCapability ("ensureWebviewsHavePages", true); URL remoteUrl = nueva URL ("http://localhost:4723/wd/hub"); controlador = nuevo AndroidDriver (remoteUrl, capacidades deseadas); } @Test public void sampleTest() { MobileElement el1 = (MobileElement) controlador .findElementByAccessibilityId ("Contactos"); el1.clic(); MobileElement el2 = (MobileElement) controlador .findElementById ("com.android.contacts:"+ "id/contact_tile_list"); el2.clic(); MobileElement el3 = (MobileElement) driver.findElementByAccessibilityId ("añadir nuevo contacto"); el3.clic(); MobileElement el4 = (MobileElement) controlador .findElementByXPath("/jerarquía+ "/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("Hola"); el4.sendKeys("Hola"); } @After public void tearDown() { controlador .abandonar(); } }

Tenga en cuenta:

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 haga clic aquí. Para obtener más detalles sobre esta sección, consulte este .

Deja un comentario