Como inspecionar com sucesso o elemento android | IOS com Appium Inspector-2021

Usando o Appium Inspector, aprenderemos como inspecionar o elemento android e como inspecionar o elemento no iPhone neste Tutorial Appium. Appium fornece a capacidade de inspecionar elementos tanto em andróide e iOS.

Como inspecionar o elemento no iPhone usando o inspetor Appium

Etapa 1 →Abrindo simulador iOS

Neste tutorial, para todos os exemplos que cobrimos com o simulador iOS. Para abrir o simulador iOS, siga o processo abaixo:

Etapa 2 →Obtendo “udid.”

Para conectar o inspetor Appium ao Simulador, precisamos do udid. Para obter o 

udid inicializado, execute o comando abaixo

  • lista xcrun simctl | egrep '(inicializado)'

irá listar a id do dispositivo e o nome do simulador inicializado recentemente

Etapa 3 → Obtendo a versão do sistema operacional

Agora precisamos da versão do sistema operacional do Simulador. Para obter a versão do sistema operacional, execute o comando abaixo

  • instrumentos -s dispositivos | grep “iPhone SE” [substitua o nome do dispositivo pelo nome do dispositivo obtido no comando acima]

Etapa 4 → Abrindo o Appium Inspector

Agora temos o id do dispositivo e a versão do sistema operacional conosco. Clique no botão destacado na imagem abaixo. Isso abrirá o Novo Inspetor.

Clique na pesquisa
Clique na pesquisa

Etapa 5 → Conectando inspetor Appium com Simulador

Agora adicione todos os capacidades desejadas necessário para iniciar a sessão. Por favor, siga a imagem abaixo para os recursos desejados necessários e inicie a sessão.

Se você deseja verificar com um aplicativo específico, pode adicionar um caminho de aplicativo. Neste tutorial, trabalhamos com o aplicativo “Contato” existente no Simulador.

Adicionar as capacidades desejadas
Adicionar as capacidades desejadas
Inicie a sessão
Inicie a sessão

Etapa 6 → Obtendo a tela padrão.

Assim que a sessão for iniciada, você pode ver a imagem da tela inicial do Simulador e a hierarquia XML. Por favor, olhe a imagem abaixo para mais detalhes.

Inspetor Appium
Inspetor Appium

Etapa 7 →Inspecione e clique no contato.

Agora clique no botão de contato do Simulador para refletir a tela do inspetor e clique em atualizar. Alternativamente, você pode encontrar o Xpath do contato e clicar em Tap. Por favor, veja a imagem abaixo.

Como inspecionar o elemento no iPhone
Como inspecionar o elemento no iPhone

Etapa 8 → Como começar a gravar?

Após clicar em Contatos, veremos a imagem abaixo. Agora clique em “Iniciar gravação” para capturar todas as ações. Isso ajudará a gerar os scripts Appium no idioma desejado. 

Comece a gravar
Comece a gravar

Etapa 9 →Inspecione o elemento e clique na torneira.

Siga a parte destacada na imagem abaixo. Primeiro, encontre o XPath do botão “Adicionar” e, em seguida, clique no botão Tap.

Executar ações do inspetor
Executar ações do inspetor

Etapa 10 →Enviando chaves.

Depois de tocar no botão Adicionar, a tela abaixo aparecerá. Siga a parte destacada para enviar o valor do próprio Appium Inspector.

Usar sendKeys
Usar sendKeys

Etapa 11 →Digitando olá.

Escreva qualquer valor para atualizar o valor do “Nome” e clique em “Enviar chaves”.

Digite olá
Digite olá

Etapa 12 →Valor refletido tanto no aplicativo.

O valor será refletido nos dois lugares, como na imagem abaixo. Inspetor Appium 

bem como simulador 

valor refletido em ambos os aplicativos
valor refletido em ambos os aplicativos

Etapa 13 →geração de código.

Agora clique no link mostrado abaixo na imagem. Ele irá gerar scripts de automação no idioma preferido. Aqui a linguagem foi selecionada como Python. Você pode ver isso na imagem abaixo.

clique para gerar o código
clique para gerar o código

Etapa 14 →Código de amostra.

Abaixo estão os scripts de amostra gerados pelo inspetor Appium. Aqui o idioma foi selecionado como Java-Junit. importar io.appium.java_client.MobileElement; importar io.appium.java_client.ios.IOSDriver; importar junit.framework.TestCase; import org.junit.After; import org.junit.Before; importar org.junit.Test; import java.net.MalformedURLException; importar java.net.URL; import org.openqa.selenium. remote.DesiredCapabilities; public class SampleTest { driver IOSDriver privado; @Before public void setUp() lança MalformedURLException { DesiredCapabilities wantedCapabilities = new DesiredCapabilities(); desejadoCapabilities .setCapability("platformName", "iOS"); desejadoCapabilities .setCapability("platformVersion", "13.6"); desejadoCapabilities .setCapability("deviceName", "iPhone SE"); desejadoCapabilities .setCapability("automationName", "XCUITest"); capacidades desejadas .setCapability("udid", "B5FDD9EB-05C6-4F3B-9DFE-1A4EC3E06A7F"); URL remoteUrl = new URL("http://localhost:4723/wd/hub"); driver = new IOSDriver(remoteUrl, desejadoCapabilities); } @Test public void sampleTest() { MobileElement el1 = (MobileElement) driver .findElementByAccessibilityId ("Contatos"); el1.clique(); MobileElement el2 = (MobileElement) driver .findElementByAccessibilityId("Adicionar"); el2.clique(); MobileElement el3 = (MobileElement) driver .findElementByAccessibilityId("Nome"); el3.sendKeys("Olá"); } @After public void tearDown() { driver.quit(); } }

Problemas enfrentados ao abrir o Appium Inspector no Mac. 

Como você resolverá problemas como “Erro interno encontrado ao executar o comando: Erro: Dispositivo desconhecido ou UDID do simulador?”

Você precisa instalar "libimobiledevice". Por favor, use o comando → brew install libimobiledevice --HEAD. 

 Como você resolverá se obtiver o problema “WebDriverAgent por causa de falha do xcodebuild: não encontrado: cartago”?

Você precisa instalar o carthage Por favor, use o comando → brew install carthage.

Como inspecionar o elemento no Android usando o inspetor Appium

Etapa 1 → Abrindo emulador

Neste tutorial, para todos os exemplos que cobrimos com o emulador Android. Para abrir o emulador Android, siga o processo mencionado abaixo:

Etapa 2 → Abrindo o inspetor Appium.

Agora temos o id do dispositivo e a versão do sistema operacional conosco. Clique no botão destacado na imagem abaixo. Isso abrirá o Novo Inspetor.

Abrindo o inspetor Appium
Abrindo o inspetor Appium

Etapa 3 → Conectando inspetor Appium com Simulador

Agora adicione todos os recursos desejados necessários para iniciar a sessão. Siga a imagem abaixo para os recursos desejados necessários e inicie a sessão.
Se você deseja verificar com um aplicativo específico, pode adicionar um caminho de aplicativo. Neste tutorial, trabalhamos com o aplicativo “Contato” existente no emulador.

Adicionando as capacidades desejadas
Adicionando as capacidades desejadas

Etapa 4 → Abrindo a tela inicial

Depois que a sessão é iniciada, você pode ver a imagem da tela inicial do emulador e a hierarquia XML. Consulte a imagem abaixo para obter detalhes.

Abrindo a tela inicial
Abrindo a tela inicial

Etapa 5 →Inspecione o elemento e comece a gravar.

Agora clique no botão de contato do emulador. Por favor, veja a imagem abaixo para mais detalhes.

como inspecionar elemento no android
como inspecionar elemento no Android

Etapa 6 →Clicar no botão Adicionar

Após clicar em Contatos, veremos a imagem abaixo (aqui escolhemos a aba favorita e atualizamos a página do inspetor). Agora clique em "Comece a gravar" para capturar todas as ações. Isso ajudará a gerar os scripts Appium no idioma desejado. Clique no botão de toque destacado abaixo.

Executar ações
Executar ações

Etapa 7 → Clicando em enviar chaves.

Depois de tocar no botão Adicionar, a tela abaixo aparecerá. Siga a parte destacada para enviar o valor do Inspetor Appium si.

clique em sendKeys
clique em sendKeys

Etapa 8 →Digitando Olá

Escreva qualquer valor para atualizar o valor do "Nome" e clique em “Enviar chaves.”

digitando olá
digitando olá

Etapa 9 →Gerando código

O valor será refletido na caixa de edição, como na imagem abaixo. Inspetor Appium,
bem como um emulador. Para gerar o código, clique na seta destacada.

clique para gerar o código
clique para gerar o código

Etapa 10 → Código de amostra

Ele irá gerar os scripts abaixo: import io.appium.java_client.MobileElement; importar io.appium.java_client .android.AndroidDriver; importar junit.framework.TestCase; import org.junit.After; import org.junit.Before; importar org.junit.Test; import java.net.MalformedURLException; importar java.net.URL; importar org.openqa.selenium .remote.DesiredCapabilities; public class SampleTest { private AndroidDriver driver; @Before public void setUp() lança MalformedURLException { DesiredCapabilities wantedCapabilities = new DesiredCapabilities(); desejadoCapabilities .setCapability("platformName", "Android"); desejadoCapabilities .setCapability("platformVersion", "23"); desejadoCapabilities .setCapability("deviceName", "Nexus 5X"); desejadoCapabilities .setCapability("automationName", "UIAutomator2"); desejadoCapabilities .setCapability("udid", "emulator-5554"); desejadoCapabilities .setCapability ("garantir WebviewsHavePages", true); URL remoteUrl = new URL("http://localhost:4723/wd/hub"); driver = new AndroidDriver(remoteUrl, desejadoCapabilities); } @Test public void sampleTest() { MobileElement el1 = (MobileElement) driver .findElementByAccessibilityId ("Contatos"); el1.clique(); MobileElement el2 = (MobileElement) driver .findElementById ("com.android.contacts:"+ "id/contact_tile_list"); el2.clique(); MobileElement el3 = (MobileElement) driver.findElementByAccessibilityId ("adicionar novo contato"); el3.clique(); MobileElement el4 = (MobileElement) driver .findElementByXPath("/hierarquia+ "/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("Olá"); el4.sendKeys("Olá"); } @After public void tearDown() { driver .Sair(); } }

Atenção :

Conclusão

Até agora, nós discutimos como inspecionar elemento android e como inspecionar elemento no iPhone. No próximo tópico, vamos escrever sobre como escrever o primeiro script no Appium. Para começar o assunto do começo, por favor clique aqui. Para obter mais detalhes sobre esta seção, consulte este link.

Deixe um comentário