Appium Inspector bemutató – 1. rész

Az Appium Inspector az Appium Tutorial sorozatunk következő cikke. Ez egy 4-5 cikkből álló sorozat, amely segítene megtanulni a mobilalkalmazás elemeinek azonosításának folyamatát. Kezdjük azzal, hogy megértjük, mi is valójában az Appium ellenőrzési folyamat.

Mi az Appium ellenőrzési folyamat?

Egyszerű szavakkal, az Appium ellenőrzés az a folyamat, amelynek segítségével azonosítani vagy megtalálni az elemeket a mobilalkalmazásban. Ha bármilyen forgatókönyvet szeretne automatizálni a mobilalkalmazásában, akkor ezt a 2 lépést kellene követnie –

• 1. lépés: Az elem egyedi azonosítása
• 2. lépés: Művelet végrehajtása az azonosított elemen

Az Appium ellenőrzési folyamat segít a fent említett első lépés megoldásában. Tegyük fel például, hogy van egy bejelentkezési képernyővel rendelkező alkalmazásunk. Most az a feladata, hogy megadja a felhasználónevet és a jelszót ezen a képernyőn. Itt az Appium inspection process segítene Önnek “megvizsgálni” a képernyőt, majd lehetővé tenné a szövegmezők egyértelmű azonosítását. Így képes lesz olyan kódot írni, amely a bejelentkezési azonosítót és a jelszót a megfelelő mezőkbe írja be.

Most nézzük meg azokat az eszközöket, amelyeket ezen elemek ellenőrzésére használhat.

A különböző Appium Inspectorok, amelyek segítenek a mobilalkalmazás elemeinek azonosításában

Megannyi különböző eszköz létezik, amelyek segítenek a mobilalkalmazások elemeinek ellenőrzésében. Appium Tutorial sorozatunkban azonban a legnépszerűbb és legszélesebb körben használt (és az Android vagy az Appium által támogatott) eszközökkel foglalkozunk. Ezek az eszközök a következők –

• UIAutomatorViewer: Ez az Android Studio által biztosított eszköz, amely lehetővé teszi a mobilalkalmazás elemeinek vizsgálatát
• Appium Desktop Inspector: Az Appium GUI (Appium Desktop) legújabb verziója rendelkezik egy ellenőrrel. Ezt az inspektort Android és iOS alkalmazásokhoz egyaránt használhatja (iOS alkalmazásokhoz Mac-re lenne szüksége)

Ebben a cikkben az UIAutomatorViewer alapjaival kezdjük. A sorozat következő cikkei részletesen foglalkoznak majd azokkal a különböző módszerekkel, amelyekkel a mobilalkalmazást mind az UIAutomatorViewer, mind az Appium Desktop Inspector segítségével ellenőrizheti.

Hogyan nyissa meg az UIAutomatorViewert

Az UIAutomatorViewer az Android Studio telepítőcsomagjával érkezik. Tehát amikor telepíti az Android Studio-t, az UIAutomatorViewer automatikusan települ vele együtt. Az UIAutomatorViewer 2 módon nyitható meg. Az alábbi módszerek bármelyikét követheti a megnyitásához –

Fontos megjegyzés: Kérjük, győződjön meg róla, hogy követte az Appium Tutorial útmutatót, és telepítette az Android Studio legújabb verzióját, valamint helyesen állította be az Android környezeti változókat.

1. módszer: UIAutomatorViewer megnyitása parancssorból Ez a legegyszerűbb módja az UIAutomatorViewer megnyitásának. Csak kövesse az alábbi lépéseket a megnyitásához –

1.1. lépés: Nyissa meg a parancssort

1.2. lépés: Írja be az uiautomatorviewer parancsot, majd nyomja le az Entert

Várjon néhány másodpercet. Az UIAutomatorViewer ablak az alábbiak szerint nyílik meg

2. módszer: Az UIAutomatorViewer megnyitása a mappa helyéről Az UIAutomatorViewer .bat fájlként van telepítve a gépére. Ezzel a módszerrel navigáljon a mappa helyére, ahová telepítve van, majd nyissa meg. Ennek a módszernek a használatához kövesse az alábbi lépéseket –

2.1. lépés: Nyissa meg a mappa helyét, ahová az UIAutomatorViewer telepítve van. Általában ez a hely – C:\Users\Anish\AppData\Local\Android\sdk\tools\bin (helyettesítse az ‘Anish’ szót a gépén lévő felhasználónévvel)

2.2. lépés: Ellenőrizze, hogy ez a bin mappa tartalmazza-e az uiautomatorviewer-t

2.3. lépés: Kattintson duplán az uiautomatorviewer-re. Ez néhány másodperc alatt megnyitja az UI Automator Viewer ablakot

Mint fentebb említettük, az UI Automator Viewer megnyitásához bármelyik módszert használhatja.

Mobiltelefonját USB-n keresztül csatlakoztassa a gépéhez

Mielőtt elkezdené a mobilalkalmazás elemeinek vizsgálatát, először a mobilkészüléket USB-n keresztül kell csatlakoztatnia a gépéhez. Ehhez kövesse az alábbi lépéseket –

1. lépés: Csatlakoztassa mobiltelefonját a gépéhez USB-n keresztül

2. lépés: Ahhoz, hogy meggyőződjön arról, hogy a telefon megfelelően csatlakozik, nyissa meg a parancssort, és futtassa az adb devices parancsot.

A parancs futtatásakor megjelenik a mobiltelefon eszközazonosítója. Ez azt jelenti, hogy a mobiltelefon megfelelően csatlakozik a gépéhez.

3. lépés: Most meg kell nyitnia az alkalmazást, amelyet ellenőrizni szeretne. Az Appium Tutorial sorozatunk korábbi cikkeihez hasonlóan ebben az esetben is a Google Play Store alkalmazást fogjuk példaként használni. Tehát nyissa meg a Play Store alkalmazást a telefonján

Mobilalkalmazás vizsgálata az UI Automator Viewer segítségével

A mobilalkalmazás UI Automator Viewer segítségével történő vizsgálatához kövesse az alábbi lépéseket –

1. lépés: Győződjön meg róla, hogy a mobiltelefon megfelelően csatlakoztatva van USB-vel. Győződjön meg arról is, hogy fel van oldva, és a Play Store alkalmazás meg van nyitva

2. lépés: Most kattintson az UI Automator Viewerben a Device Screenshot ikonra (ez a második ikon, ahogy az alábbi képen látható)

Megjegyzés: Észrevehette, hogy a Device Screenshot ikon mellett más ikonok is vannak, amelyekre az imént kattintott. Ebben a cikkben nem fogjuk elmagyarázni ezeknek az ikonoknak a működését. Ezekkel az Appium Inspectorról szóló következő cikkeinkben fogunk foglalkozni.

3. lépés: Egy felugró üzenetet fog látni, amely az alábbiakban látható módon mutatja az előrehaladási információkat

4. lépés: Várjon néhány másodpercet, amíg az UI Automator Viewer feldolgozza a képernyőn megjelenő összes információt. Ha ez megtörtént, az UI AUtomator Viewer betölti a telefon képernyőképét az alábbi képen látható módon

5. lépés: Most vigye az egérmutatót bárhová a készülék képernyőképére. Látni fogja, hogy néhány információ megjelenik a jobb oldali ablaktáblákon

Lássuk, mi történik itt

Most álljunk meg egy pillanatra, és próbáljuk megérteni, mi történt itt. Amikor a Device Screenshot ikonra kattintunk, akkor az UI Automator Viewer a következő három dolgot teszi –

• Először XML formátumban rögzíti a képernyőn látható összes objektum részleteit.
• Majd rögzíti a mobil képernyőjének képernyőképét PNG formátumban
• Mihelyt a fenti részletek rögzítésre kerültek, az UI Automator Viewer mindkét dolgot megjeleníti a felhasználói felületen

Fontos megjegyzés: Technikailag az UI Automator Viewer csak rögzíti a mobil képernyőjét. Tehát bármi is jelenik meg az eszközön, az UI Automator Viewer azt rögzíti. Legyen az bármilyen alkalmazás, vagy a kezdőképernyő vagy akár a zárolási képernyő.

3 fő rész az UI Automator Viewerben

Az alábbi képen látható, hogy az UI Automator Viewer 3 fő részből áll –

1. Bal oldali ablaktábla: Ez az ablaktábla mutatja az eszköz képernyőképét. Ez egy interaktív kép, ahol a képernyőkép bármely eleme fölé kattinthat, vagy az egérmutatót a képernyőkép bármely eleme fölé mozgathatja.

2. Jobb oldali felső panel: Ez a ablaktábla a képernyő teljes XML-struktúráját mutatja. Ez az XML-struktúra nagyon alapvető adatokat mutat minden egyes vezérlőelemről – a vezérlőelem neve, szövege (ha van) és koordinátái.

3. Jobb oldali alsó ablaktábla: Ez egy fontos ablaktábla, amely egy vezérlő összes részletét mutatja. Bármelyik elemet is választja ki a képernyőképen, ez a ablaktábla megmutatja annak összes részletét, például a szövegét, az osztály nevét, a csomag nevét stb. Ez az a ablaktábla, ahonnan információt kap arról, hogyan lehet egy elemet egyedileg azonosítani.

Eddig beszéltünk az UI Automator Viewer alapjairól, arról, hogyan lehet megnyitni, és hogyan töltheti be a mobilalkalmazás képernyőképét. Ezt a cikket itt befejezzük, a fennmaradó részt pedig a következő cikkben tárgyaljuk. Az Appium segítségével többféleképpen is azonosíthat egy elemet. Mindezt és még sok mást is meg fogunk tárgyalni az Appium Inspectorral kapcsolatos következő cikkeinkben.

Kipróbáld magad tevékenység: Az egyik fenti részben említettük, hogy a mobilkészüléket USB-kábellel kell csatlakoztatni a számítógéphez. Tudta, hogy ezt vezeték nélküli módban is megteheti? Nézze meg ezt a cikket, amely bemutatja, hogyan futtathatja Appium tesztszkriptjeit WiFi-n keresztül. Ezt a cikket referenciaként használva próbálja meg csatlakoztatni mobileszközét WiFi-n keresztül, majd nézze meg, hogy ellenőrizni tudja-e valamelyik elemet.

Lépjen velünk kapcsolatba, ha bármilyen problémával szembesült a fenti szakaszok bármelyikével kapcsolatban, vagy ha bármilyen visszajelzése van számunkra. Nagyon örülnénk a visszajelzéseinek, mivel ez segít nekünk javítani a cikkeinket, és még hasznosabbá tenni azokat minden olvasónk számára.

A következő cikkek az Appium Inspectorról

• Tanulja meg, hogyan vizsgálja az elemeket az UIAutomatorViewer használatával
• Tanuljon többet az UI Automator Viewerről, beleértve néhány mobil automatizálási korlátozást
• Tanulja meg az Appium Desktop Inspector alapjait
• Mobil elemek vizsgálata az Appium Desktop Inspector használatával

.