Appium Inspector Tutorial – Osa 1

Appium Inspector on Appium Tutorial -sarjamme seuraava osa. Tämä on 4-5 artikkelin sarja, joka auttaisi sinua oppimaan mobiilisovelluksen elementtien tunnistamisprosessin. Aloitetaan tämä ymmärtämällä, mitä Appium-tarkastusprosessi oikeastaan on.

Mikä on Appium-tarkastusprosessi?

Hyvin yksinkertaisin sanoin, Appium-tarkastus on prosessi, jonka avulla voit tunnistaa tai löytää elementtejä mobiilisovelluksestasi. Jos haluat automatisoida minkä tahansa skenaarion mobiilisovelluksessasi, sinun on noudatettava näitä kahta vaihetta –

• Vaihe 1: Tunnista elementti yksiselitteisesti
• Vaihe 2: Suorita toiminto tunnistetulle elementille

Appium-tarkastusprosessi auttaa sinua ratkaisemaan edellä mainitun ensimmäisen vaiheen. Oletetaan esimerkiksi, että sinulla on sovellus, jossa on kirjautumisnäyttö. Nyt tehtäväsi on syöttää käyttäjätunnus ja salasana tähän näyttöön. Tässä Appiumin tarkastusprosessi auttaisi sinua ”tarkastamaan” näytön ja sen jälkeen tunnistamaan tekstikentät yksiselitteisesti. Näin voit kirjoittaa koodia, joka syöttää kirjautumistunnuksen ja salasanan oikeisiin kenttiin.

Katsotaan nyt työkaluja, joita voit käyttää näiden elementtien tarkastamiseen.

Erilaiset Appium Inspectors -työkalut, jotka auttavat sinua tunnistamaan elementtejä mobiilisovelluksessa

On olemassa monia erilaisia työkaluja, jotka auttavat sinua tarkastamaan elementtejä mobiilisovelluksissa. Mutta Appium Tutorial -sarjassamme käsittelemme suosituimpia ja laajimmin käytettyjä (ja Androidin tai Appiumin tukemia) työkaluja. Nämä työkalut ovat –

• UIAutomatorViewer: Tämä on Android Studion tarjoama työkalu, jonka avulla voit tarkastaa mobiilisovelluksen elementtejä
• Appium Desktop Inspector: Appium GUI:n (Appium Desktop) uusin versio sisältää tarkastajan. Voit käyttää tätä tarkastajaa sekä Android- että iOS-sovelluksissa (iOS-sovelluksia varten tarvitset Macin)

Tässä artikkelissa aloitamme UIAutomatorViewerin perusteista. Tämän sarjan seuraavissa artikkeleissa käsitellään yksityiskohtaisesti eri tapoja, joilla voit tarkastaa mobiilisovelluksesi sekä UIAutomatorViewerin että Appium Desktop Inspectorin avulla.

Miten UIAutomatorViewer avataan

UIAutomatorViewer tulee Android Studion asennuspaketin mukana. Kun siis asennat Android Studion, UIAutomatorViewer asennetaan automaattisesti sen mukana. Voit avata UIAutomatorViewerin kahdella tavalla. Voit avata sen jollakin näistä tavoista –

Tärkeä huomautus: Varmista, että olet noudattanut Appium Tutorial -oppaamme ja että olet asentanut Android Studion viimeisimmän version ja määrittänyt Android-ympäristömuuttujat oikein.

Tapa 1: Avaa UIAutomatorViewer komentoriviltä Tämä on helpoin tapa avata UIAutomatorViewer. Avaa se vain noudattamalla alla olevia ohjeita –

Vaihe 1.1: Avaa komentorivi

Vaihe 1.2: Kirjoita uiautomatorviewer ja paina sitten Enter

Odota pari sekuntia. UIAutomatorViewer-ikkuna avautuisi alla olevan kuvan mukaisesti

Menetelmä 2: Avaa UIAutomatorViewer sen kansiosijainnista UIAutomatorViewer on asennettu koneellesi .bat-tiedostona. Tällä menetelmällä siirryt kansiosi sijaintiin, johon se on asennettu, ja avaat sen sitten. Seuraa alla annettuja ohjeita tämän menetelmän käyttämiseksi –

Vaihe 2.1: Avaa kansiosijainti, johon UIAutomatorViewer on asennettu. Yleensä tämä sijainti on – C:\Users\Anish\AppData\Local\Android\sdk\tools\bin (korvaa ’Anish’ käyttäjänimellä, joka sinulla on koneellasi)

Vaihe 2.2. Valitse ’Anish’: Tarkista, että tämä bin-kansio sisältää uiautomatorviewerin

Vaihe 2.3: Kaksoisnapsauta uiautomatorvieweria. Se avaa UI Automator Viewer -ikkunan muutamassa sekunnissa

Kuten olimme edellä maininneet, voit käyttää mitä tahansa näistä menetelmistä avataksesi UI Automator Viewerin.

Kytke matkapuhelimesi koneeseesi USB:llä

Ennen kuin aloitat mobiilisovelluksen elementtien tarkastamisen, sinun on ensin kytkettävä mobiililaitteesi koneeseesi USB:n kautta. Seuraa alla olevia vaiheita tehdäksesi tämän –

Vaihe 1: Liitä matkapuhelin koneeseesi USB:n kautta

Vaihe 2: Varmistaaksesi, että puhelin on liitetty kunnolla, avaa komentokehote ja suorita komento adb devices.

Kun suoritat tämän komennon, se näyttää matkapuhelimen laitetunnuksen. Tämä tarkoittaa, että matkapuhelin on liitetty kunnolla koneeseesi.

Vaihe 3: Sinun on nyt avattava sovellus, jonka haluat tarkastaa. Kuten Appium Tutorial -sarjamme aiemmissa artikkeleissa, käytämme tässäkin tapauksessa esimerkkinä Google Play Store -sovellusta. Avaa siis Play Store -sovellus puhelimessasi

Tarkasta mobiilisovellus UI Automator Viewerin avulla

Seuraa alla annettuja vaiheita tarkastaaksesi mobiilisovelluksesi UI Automator Viewerin avulla –

Vaihe 1: Varmista, että matkapuhelimesi on kytketty oikein USB:llä. Varmista myös, että se on avattu ja Play Store -sovellus on avattu

Vaihe 2: Napsauta nyt Device Screenshot -kuvaketta UI Automator Viewerissä (tämä on toinen kuvake, kuten alla olevassa kuvassa näkyy)

Huomautus: Olet varmaan huomannut, että äsken napsauttamasi Device Screenshot -kuvakkeen vieressä on muita kuvakkeita. Tässä artikkelissa emme selitä näiden kuvakkeiden toiminnallisuutta. Käsittelemme niitä tulevissa Appium Inspectoria koskevissa artikkeleissamme.

Vaihe 3: Näet ponnahdusikkunan, joka näyttää edistymistiedot alla esitetyllä tavalla

Vaihe 4: Odota muutama sekunti, että UI Automator Viewer käsittelee kaikki näytön tiedot. Kun tämä on tehty, UI AUtomator Viewer lataa puhelimesi kuvakaappauksen alla olevan kuvan mukaisesti

Vaihe 5: Vie nyt hiiren osoitin mihin tahansa laitteen kuvakaappauksen päälle. Näet, että joitakin tietoja tulee näkyviin oikeanpuoleisiin ruutuihin

Ymmärretään, mitä tässä tapahtuu

Tauotetaan nyt hetkeksi ja yritetään ymmärtää, mitä tässä tapahtui. Kun napsautat Device Screenshot (Laitteen kuvakaappaus) -kuvaketta, UI Automator Viewer tekee seuraavat kolme asiaa –

• Se tallentaa ensin kaikkien näytöllä näkyvien objektien tiedot XML-muodossa.
• Sitten se kaappaa kuvakaappauksen matkapuhelimen näytöstä PNG-muodossa
• Kun edellä mainitut yksityiskohdat on kaapattu, UI Automator Viewer näyttää nämä molemmat asiat käyttöliittymässä

Tärkeä huomautus: Teknisesti ottaen UI Automator Viewer vain kaappaa matkapuhelimen näytön. Joten mitä tahansa laitteessa näytetäänkin, UI Automator Viewer kaappaa sen. Olipa kyseessä mikä tahansa sovellus, kotinäyttö tai jopa lukitusnäyttö.

3 pääosiota UI Automator Viewerissä

Alhaalla olevasta kuvasta näet, että UI Automator Viewerissä on 3 pääosiota –

1. Vasemmanpuoleinen paneeli: Tämä paneeli näyttää laitteen kuvakaappauksen. Tämä on interaktiivinen kuva, jossa voit napsauttaa tai viedä hiiren osoittimen minkä tahansa näyttökuvan elementin päälle.

2. Oikeanpuoleinen yläpaneeli: Tämä paneeli näyttää koko näytön XML-rakenteen. Tämä XML-rakenne näyttää hyvin perustiedot jokaisesta ohjaimesta – ohjaimen nimen, sen tekstin (jos saatavilla) ja sen koordinaatit.

3. Right Side Bottom Pane: Tämä on tärkeä paneeli, joka näyttää kaikki ohjaimen yksityiskohdat. Riippumatta siitä, minkä elementin valitset kuvakaappauksesta, tämä paneeli näyttää sen kaikki tiedot, kuten sen tekstin, luokan nimen, paketin nimen jne. Tästä ruudusta saat tietoa siitä, miten tunnistat elementin yksiselitteisesti.

Tähän asti olemme puhuneet UI Automator Viewerin perusteista, miten se avataan ja miten voit ladata siihen mobiilisovelluksen kuvakaappauksen. Lopetamme tämän artikkelin tähän ja käsittelemme loput seuraavassa artikkelissa. On useita tapoja, joilla voit tunnistaa elementin Appiumilla. Keskustelemme kaikesta tästä ja paljon muusta tulevissa Appium Inspector -artikkeleissamme.

Kokeile itse -aktiviteetti: Yhdessä edellä mainituista kappaleista olemme maininneet, että sinun on liitettävä mobiililaitteesi tietokoneeseen USB-kaapelilla. Tiesitkö, että voit tehdä tämän myös langattomassa tilassa? Tutustu tähän artikkeliin, jossa näytetään, miten voit suorittaa Appium-testiskriptejä WiFi:n kautta. Käytä tätä artikkelia viitteenä ja yritä yhdistää mobiililaitteesi WiFin kautta ja katso sitten, voitko tarkastaa elementtejä.

Ota rohkeasti yhteyttä, jos olet kohdannut ongelmia jossakin yllä olevista osioista tai jos sinulla on palautetta meille. Kuulemme mielellämme palautettasi, sillä se auttaa meitä parantamaan artikkeleitamme ja tekemään niistä hyödyllisempiä kaikille lukijoillemme.

Seuraavat artikkelit Appium Inspectorista

• Opi tarkastamaan elementtejä UIAutomatorViewerin avulla
• Opi lisää UI Automator Vieweristä, mukaan lukien joitain mobiiliautomaation rajoituksia
• Opi Appium Desktop Inspectorin perusteet
• Tarkasta mobiilielementtejä Appium Desktop Inspectorin avulla