Antes de saber como inspecionar elementos, você pode estar se perguntando: Por que inspecionar os elementos? Bom, quando precisamos fazer uma ação com um determinado elemento no app, precisamos identificar esse elemento, certo? Ao inspecionar os elementos da interface, podemos descobrir a sua identificação única, que pode ser um id, name, Xpath, class e etc. Com essa identificação, conseguimos manipular esse elemento.

Então, no Appium temos várias formas de inspecionar elementos, mas nem todas servem para as duas plataformas (iOS e Android). Falaremos separadamente de cada uma delas:

Inspecionando elementos em iOS

Podemos usar o Macacajs para isso. Para instalar, digite o seguinte comando no terminal:

npm install macaca-cli -g

Agora precisamos instalar o inspector. Para isso, digite no terminal:

npm install app-inspector -g

O próximo passo é conseguir o ID do simulator para identificar qual deles vamos inspecionar. Para obter a lista de simulators disponíveis com seus IDs, digite no terminal:

xcrun simctl list

Depois, digite:

app-inspector -u <ID_SIMULATOR>

Em seguida, seu browser deve abrir com a inspeção do simulator:

Podemos usar também a própria ferramenta do Xcode, a Accessibity Inspector. Para isso, com o XCode aberto, clique em “Xcode” > “Open developer tool” > “Accessibity Inspector”. Abra o simulator com o app a ser inspecionado, clique em “simulator” (que é o que você quer inspecionar), e para iniciar a inspeção, clique e arraste a lupa.

Inspecionando elementos em Android

O Android, por sua vez, tem o Uiautomatorviewer, que vem junto com o Android SDK. Geralmente ele fica dentro de /Android/sdk/tools/bin. Com ele, você tira uma screenshot do app que quer inspecionar.

Assim como o iOS, o Andoid também tem uma ferramenta própria, do Android Studio. É o Layout Inpector. Para usá-la, com o Android Studio e o emulator aberto, clique em “Tools” > “Android” > “Layout Inpector”, escolha o emulator que quer inspecionar e aí é só clicar nos elementos.

Inspecionando elementos nas duas plataformas

Se você preferir, pode usar o Appium Desktop para inspecionar elementos nas duas plataformas. Para instalar, clique aqui. Depois de instalar, inicie o servidor do Appium. Quando aparecer o console, clique na lupa. Na aba Desired Capabilities, coloque as informações e salve tudo.

Abra o simulador ou o device para iniciar a sessão e visualizar as informações, e toque no elemento a ser inspecionado.
No meu caso, prefiro usar o Uiautomatorviewer e o Accessibity Inspector, porque não precisam de nenhuma instalação ou comando e porque eu já tenho o XCode e Android SDK instalados. Mas agora é só brincar! Dê uma olhada em todas as ferramentas, escolha a sua preferida e depois deixe abaixo o seu comentário.

Até a próxima!

***

Este artigo foi publicado originalmente em: https://www.concrete.com.br/2018/05/07/inspecionando-elementos-em-apps-ios-e-android/