Appium Inspector Tutorial – 1. část

Appium Inspector je další sérií článků v našem seriálu Appium Tutorial. Jedná se o sérii 4-5 článků, které by vám pomohly naučit se postup identifikace prvků v mobilní aplikaci. Začněme tím, že pochopíme, co je vlastně proces inspekce Appium.

Co je proces inspekce Appium?

Velmi zjednodušeně řečeno, inspekce Appium je proces, pomocí kterého můžete identifikovat nebo najít prvky ve vaší mobilní aplikaci. Pokud chcete automatizovat nějaký scénář ve své mobilní aplikaci, pak byste měli postupovat podle těchto 2 kroků –

• Krok 1: Jednoznačně identifikovat prvek
• Krok 2: Provést akci na identifikovaném prvku

Proces inspekce Appium vám pomůže vyřešit první výše uvedený krok. Předpokládejme například, že máte aplikaci s přihlašovací obrazovkou. Nyní je vaším úkolem zadat na této obrazovce uživatelské jméno a heslo. Zde by vám proces inspekce Appium pomohl „zkontrolovat“ obrazovku a poté by vám umožnil jednoznačně identifikovat textová pole. Tímto způsobem budete moci napsat kód, který zadá přihlašovací ID a heslo do správných polí.

Podívejme se nyní na nástroje, které můžete použít ke kontrole těchto prvků.

Různé inspektory Appium, které vám pomohou identifikovat prvky v mobilní aplikaci

Existuje mnoho různých nástrojů, které vám pomohou kontrolovat prvky v mobilních aplikacích. V našem seriálu Appium Tutoriál se však budeme zabývat těmi nejoblíbenějšími a nejpoužívanějšími nástroji (a podporovanými systémem Android nebo Appium). Těmito nástroji jsou –

• UIAutomatorViewer: Jedná se o nástroj poskytovaný aplikací Android Studio, který umožňuje kontrolovat prvky v mobilní aplikaci
• Appium Desktop Inspector: Nejnovější verze grafického uživatelského rozhraní Appium (Appium Desktop) obsahuje inspektor. Tento inspektor můžete používat pro aplikace pro Android i iOS (pro aplikace pro iOS byste potřebovali počítač Mac)

V tomto článku začneme se základy UIAutomatorViewer. V několika dalších článcích této série se budeme podrobně zabývat různými způsoby, kterými můžete kontrolovat mobilní aplikaci pomocí UIAutomatorViewer i Appium Desktop Inspector.

Jak otevřít UIAutomatorViewer

UIAutomatorViewer je součástí instalačního balíčku Android Studia. Když tedy nainstalujete Android Studio, UIAutomatorViewer se automaticky nainstaluje spolu s ním. Existují 2 způsoby, jak můžete UIAutomatorViewer otevřít. Můžete jej otevřít některým z těchto způsobů –

Důležitá poznámka: Ujistěte se, že jste postupovali podle našeho průvodce Appium Tutorial a že jste nainstalovali nejnovější verzi aplikace Android Studio a správně nastavili proměnné prostředí Android.

Způsob 1: Otevření nástroje UIAutomatorViewer z příkazového řádku Toto je nejjednodušší způsob otevření nástroje UIAutomatorViewer. Pro jeho otevření stačí postupovat podle níže uvedených kroků –

Krok 1.1: Otevřete UIAM: Otevřete příkazový řádek

Krok 1.2: Zadejte uiautomatorviewer a stiskněte klávesu Enter

Počkejte několik sekund. Otevřelo by se okno UIAutomatorViewer, jak je znázorněno níže

Způsob 2: Otevřete UIAutomatorViewer z jeho umístění ve složce UIAutomatorViewer je na vašem počítači nainstalován jako soubor .bat. Pomocí této metody přejdete do umístění složky, kde je nainstalován, a poté jej otevřete. Při použití tohoto postupu postupujte podle níže uvedených kroků –

Krok 2.1: Otevřete umístění složky, kde je nainstalován nástroj UIAutomatorViewer. Obvykle je toto umístění následující – C:\Users\Anish\AppData\Local\Android\sdk\tools\bin (Nahraďte „Anish“ uživatelským jménem, které máte v počítači)

Krok 2.2: Vložte nástroj UIAminator do počítače: Zkontrolujte, zda tato složka bin obsahuje uiautomatorviewer

Krok 2.3: Dvakrát klikněte na uiautomatorviewer. Během několika sekund se otevře okno UI Automator Viewer

Jak jsme již uvedli výše, k otevření UI Automator Viewer můžete použít některou z těchto metod.

Připojte mobilní telefon k počítači pomocí USB

Předtím, než začnete kontrolovat prvky mobilní aplikace, musíte nejprve připojit mobilní zařízení k počítači pomocí USB. Postupujte podle následujících kroků –

Krok 1: Připojte mobilní telefon k počítači prostřednictvím USB

Krok 2: Chcete-li se ujistit, že je telefon správně připojen, otevřete příkazový řádek a spusťte příkaz adb devices.

Při spuštění tohoto příkazu se zobrazí ID zařízení mobilního telefonu. To znamená, že mobilní telefon je správně připojen k počítači.

Krok 3: Nyní budete muset otevřít aplikaci, kterou chcete zkontrolovat. Stejně jako v předchozích článcích našeho seriálu Appium Tutorial budeme i v tomto případě používat jako příklad aplikaci z obchodu Google Play. Otevřete tedy v telefonu aplikaci Obchod Play

Kontrola mobilní aplikace pomocí nástroje UI Automator Viewer

Podle níže uvedených kroků zkontrolujte mobilní aplikaci pomocí nástroje UI Automator Viewer –

Krok 1: Ujistěte se, že je váš mobilní telefon řádně připojen pomocí USB. Také se ujistěte, že je odemčený a že je otevřená aplikace Obchod Play

Krok 2: Nyní klikněte na ikonu Device Screenshot (Snímek obrazovky zařízení) v prohlížeči UI Automator Viewer (jedná se o druhou ikonu, jak je znázorněno na obrázku níže)

Poznámka: Jistě jste si všimli, že vedle ikony Device Screenshot, na kterou jste právě klikli, jsou další ikony. V tomto článku nebudeme vysvětlovat funkčnost těchto ikon. Budeme se jimi zabývat v našich dalších článcích o Appium Inspectoru.

Krok 3: Zobrazí se vyskakovací zpráva, která zobrazuje informace o průběhu, jak je uvedeno níže

Krok 4: Počkejte několik sekund, než prohlížeč UI Automator Viewer zpracuje všechny informace na obrazovce. Jakmile se tak stane, prohlížeč UI AUtomator Viewer načte snímek obrazovky telefonu, jak je znázorněno na obrázku níže

Krok 5: Nyní najeďte ukazatelem myši kamkoli na snímek obrazovky zařízení. Uvidíte, že se na pravém bočním panelu zobrazí některé informace

Pochopme, co se zde děje

Na chvíli se nyní zastavíme a pokusíme se pochopit, co se zde stalo. Když kliknete na ikonu Device Screenshot, pak UI Automator Viewer provede následující tři věci –

• Nejprve zachytí podrobnosti o všech objektech viditelných na obrazovce ve formátu XML.
• Poté zachytí snímek obrazovky mobilního zařízení ve formátu PNG
• Po zachycení výše uvedených podrobností zobrazí prohlížeč UI Automator Viewer obě tyto věci v uživatelském rozhraní

Důležitá poznámka: Z technického hlediska prohlížeč UI Automator Viewer pouze zachytí obrazovku mobilního zařízení. Takže cokoli se na zařízení zobrazí, to by UI Automator Viewer zachytil. Ať už je to jakákoli aplikace, domovská obrazovka nebo dokonce zamykací obrazovka.

3 hlavní sekce v UI Automator Viewer

Na níže uvedeném obrázku můžete vidět, že UI Automator Viewer má 3 hlavní sekce –

1. Levý boční panel: Tento podokno zobrazuje snímek obrazovky zařízení. Jedná se o interaktivní obrázek, kde můžete kliknout nebo najet ukazatelem myši na libovolný prvek na snímku obrazovky.

2. Pravý boční horní panel: Tento podokno zobrazuje celou strukturu XML obrazovky. Tato struktura XML zobrazuje velmi základní údaje o každém ovládacím prvku – název ovládacího prvku, jeho text (pokud je k dispozici) a jeho souřadnice.

3. Pravý boční spodní panel: Toto je důležité podokno, které zobrazuje všechny podrobnosti o ovládacím prvku. Ať už vyberete jakýkoli prvek z obrázku, v tomto podokně se zobrazí všechny jeho podrobnosti, jako je jeho text, název třídy, název balíčku atd. V tomto podokně získáte informace o tom, jak jednoznačně identifikovat prvek.

Do této chvíle jsme si pověděli o základech prohlížeče UI Automator Viewer, o tom, jak jej otevřít a jak v něm můžete načíst snímek obrazovky mobilní aplikace. Zde tento článek ukončíme a zbývající částí se budeme zabývat v příštím článku. Existuje více způsobů, jak lze v aplikaci Appium identifikovat prvek. To vše a mnohem více probereme v našich dalších článcích o Appium Inspectoru.

Vyzkoušejte si sami aktivitu: V jedné z výše uvedených částí jsme se zmínili, že je třeba připojit mobilní zařízení k počítači pomocí kabelu USB. Věděli jste, že to můžete udělat i v bezdrátovém režimu? Podívejte se na tento článek, který ukazuje, jak můžete spouštět testovací skripty Appium přes WiFi. Použijte tento článek jako referenci, zkuste připojit své mobilní zařízení přes WiFi a pak se podívejte, zda můžete zkontrolovat nějaké prvky.

Neváhejte nás kontaktovat, pokud jste se s některou z výše uvedených částí setkali s problémy nebo pokud pro nás máte nějakou zpětnou vazbu. Rádi si vyslechneme vaši zpětnou vazbu, protože nám pomáhá zlepšovat naše články a dělat je užitečnějšími pro všechny naše čtenáře.

Další sada článků o nástroji Appium Inspector

• Přečtěte si, jak kontrolovat prvky pomocí nástroje UIAutomatorViewer
• Přečtěte si více o nástroji UI Automator Viewer včetně některých omezení automatizace pro mobilní zařízení
• Přečtěte si základy nástroje Appium Desktop Inspector
• Kontrolujte mobilní prvky pomocí nástroje Appium Desktop Inspector

.