Testování grafického uživatelského rozhraní – testovací případy uživatelského rozhraní (příklady)

Abychom porozuměli testování GUI, musíme nejprve pochopit-

Co je GUI?

Existují dva typy rozhraní pro počítačovou aplikaci. Rozhraní příkazového řádku je místo, kde zadáváte text a počítač na tento příkaz reaguje. GUI je zkratka pro Graphical User Interface, kde komunikujete s počítačem spíše pomocí obrázků než textu.

Následují prvky GUI, které lze použít pro interakci mezi uživatelem a aplikací:

Testování GUI je ověřením výše uvedených prvků.

Co je testování GUI?

Testování GUI je typ testování softwaru, který kontroluje grafické uživatelské rozhraní softwaru. Účelem testování grafického uživatelského rozhraní (GUI) je zajistit, aby funkce softwarové aplikace fungovaly podle specifikací kontrolou obrazovek a ovládacích prvků, jako jsou nabídky, tlačítka, ikony atd.

GUI je to, co uživatel vidí. Řekněme, že pokud navštívíte guru99.com, co uvidíte, řekněme domovskou stránku, je to GUI (grafické uživatelské rozhraní) webu. Uživatel nevidí zdrojový kód. Rozhraní je viditelné pro uživatele. Důraz je kladen zejména na strukturu návrhu, obrázky, zda fungují správně nebo ne.

Ve výše uvedeném příkladu, pokud musíme provést testování GUI, nejprve zkontrolujeme, zda by obrázky měly být zcela viditelné v různých prohlížečích.

Odkazy jsou také dostupné a tlačítko by mělo po kliknutí fungovat.

Také pokud uživatel změní velikost obrazovky, obrázky ani obsah by se neměly zmenšovat, ořezávat nebo překrývat.

Potřeba testování GUI

Nyní je základní koncept testování GUI jasný. Těch pár otázek, které vás napadnou, bude

• Proč testovat GUI?
• Je to opravdu potřeba?
• Nestačí testování funkčnosti a logiky aplikace? Tak proč ztrácet čas testováním uživatelského rozhraní.

Chcete-li získat odpověď, myslet jako uživatel, ne jako tester. Uživatel nemá žádné znalosti o softwaru/aplikaci XYZ. Je to uživatelské rozhraní aplikace, které rozhoduje o tom, zda uživatel bude aplikaci dále používat nebo ne.

Běžný uživatel nejprve pozoruje design a vzhled aplikace/softwaru a jak snadné je pro něj pochopit uživatelské rozhraní. Pokud uživatel není spokojen s rozhraním nebo považuje aplikaci za složitou, aby pochopil, nikdy by tuto aplikaci znovu nepoužil. To je důvod, proč je GUI předmětem zájmu a mělo by být provedeno řádné testování, aby bylo zajištěno, že GUI neobsahuje chyby.

Co kontrolujete při testování GUI?

Následující kontrolní seznam zajistí podrobné testování GUI v testování softwaru.

• Zkontrolujte velikost, polohu, šířku, délku a přijatelnost znaků nebo čísel u všech prvků GUI. Například musíte být schopni zadat vstupy do vstupních polí.
• Zkontrolujte, zda můžete spustit zamýšlenou funkčnost aplikace pomocí GUI
• Zkontrolujte, zda se chybové zprávy zobrazují správně
• Zkontrolujte, zda je na obrazovce jasné ohraničení různých částí
• Zkontrolujte, zda je písmo použité v aplikaci čitelné
• Zkontrolujte správné zarovnání textu
• Zkontrolujte, zda je barva písma a varovných zpráv esteticky příjemná
• Zkontrolujte, zda jsou obrázky dobře zřetelné
• Zkontrolujte, zda jsou obrázky správně zarovnány
• Zkontrolujte umístění prvků GUI pro různé rozlišení obrazovky.

GUI testovací techniky

GUI testovací techniky lze rozdělit do tří částí:

Manuální testování

V rámci tohoto přístupu jsou grafické obrazovky kontrolovány ručně testery v souladu s požadavky uvedenými v dokumentu obchodních požadavků.

Záznam a přehrávání

Testování GUI lze provádět pomocí automatizačních nástrojů. To se provádí ve 2 částech. Během záznamu jsou testovací kroky zachyceny automatizačním nástrojem. Během přehrávání se zaznamenané testovací kroky provádějí v testované aplikaci. Příklad takových nástrojů – QTP.

Testování založené na modelu

Model je grafický popis chování systému. Pomáhá nám porozumět a předvídat chování systému. Modely pomáhají při generování účinných testovacích případů využívajících systémové požadavky. Pro testování založené na tomto modelu je třeba vzít v úvahu následující:

• Sestavte model
• Určete vstupy pro model
• Vypočítejte očekávaný výstup pro model
• Spusťte testy
• Porovnejte skutečný výkon s očekávaným výkonem
• Rozhodnutí o dalším postupu na modelu

Některé z technik modelování, ze kterých lze odvodit testovací případy:

• Grafy – Zobrazuje stav systému a kontroluje stav po nějakém vstupu.
• Rozhodovací tabulky – tabulky používané k určení výsledků pro každý použitý vstup

Testování založené na modelu je vyvíjející se technikou pro generování testovacích případů z požadavků. Jeho hlavní výhodou oproti výše uvedeným dvěma metodám je, že dokáže určit nežádoucí stavy, kterých může vaše GUI dosáhnout.

Následují nástroje s otevřeným zdrojovým kódem, které jsou k dispozici pro provádění automatizovaného testu uživatelského rozhraní.

Produkt	Licencováno pod
AutoHotkey	LPG
Selenium	Apache
Sikuli	MIT
Robot Framework	Apache
voda	BSD
Sada nástrojů Dojo	BSD

Příklad testovacích případů GUI

Testování GUI v podstatě zahrnuje

1. Testování velikosti, polohy, šířky, výšky prvků.
2. Testování chybových zpráv, které se zobrazují.
3. Testování různých částí obrazovky.
4. Testování písma, zda je čitelné nebo ne.
5. Testování obrazovky v různých rozlišeních pomocí přiblížení a oddálení jako 640 x 480, 600 × 800 atd.
6. Testování zarovnání textů a dalších prvků, jako jsou ikony, tlačítka atd., jsou nebo nejsou na správném místě.
7. Testování barev písma.
8. Testování barev chybových hlášení, varovných hlášení.
9. Testování, zda má obrázek dobrou čistotu nebo ne.
10. Testování zarovnání obrázků.
11. Testování pravopisu.
12. Uživatel nesmí být frustrovaný při používání systémového rozhraní.
13. Testování, zda je rozhraní atraktivní nebo ne.
14. Testování posuvníků podle velikosti stránky, pokud existuje.
15. Testování zakázaných polí, pokud existují.
16. Testování velikosti obrázků.
17. Testování nadpisů, zda jsou správně zarovnány nebo ne.
18. Testování barvy hypertextového odkazu.

Demo: Jak provést test GUI

Zde použijeme některé vzorové testovací případy pro následující obrazovku.

Níže je uveden příklad testovacích případů, které se skládají ze scénářů testování uživatelského rozhraní a použitelnosti.

Testovací případ 01 – Ověřte, že textové pole se štítkem „Zdrojová složka“ je správně zarovnán.

Testovací případ 02 – Ověřte, že textové pole se štítkem „Balíček“ je správně zarovnán.

Testovací případ 03 – Ověřte, že štítek s názvem „Procházet” je tlačítko, které se nachází na konci textuBox se jménem"Zdrojová složka. "

Testovací případ 04 – Ověřte, že štítek s názvem „Procházet” je tlačítko, které se nachází na konci textuBox se jménem"Balíček. "

Testovací případ 05 – Ověřte, že textové pole se štítkem „Jméno“ je správně zarovnán.

Testovací případ 06 – Ověřte, že štítek „Modifikátory“ se skládá ze 4 přepínačů s názvem public, default, private, protected.

Testovací případ 07 – Ověřte, že štítek „Modifikátory“ se skládá ze 4 přepínačů, které jsou správně zarovnány v řadě.

Testovací případ 08 – Ověřte, že štítek „Nadtřída“ pod štítkem “Modifikátory” sestává z rozevíracího seznamu, který musí být správně zarovnán.

Testovací případ 09 – Ověřte, že štítek „Nadtřída“ se skládá z tlačítka se štítkem “Procházet“, který musí být správně zarovnán.

Testovací případ 10 – Ověřte, že kliknutím na libovolné přepínací tlačítko se výchozí ukazatel myši musí změnit na ruční ukazatel myši.

Testovací případ 11 – Ověřte, že uživatel nesmí být schopen zadat do rozevíracího seznamu „Nadtřída. "

Testovací případ 12 – Ověřte, že pokud bylo něco vybráno chybně, musí dojít k vygenerování správné chyby.

Testovací případ 13 – Ověřte, že chyba musí být generována v ČERVENÉ barvě, kdykoli je to nutné.

Testovací případ 14 – Ověřte, že v chybových zprávách musí být použity správné štítky.

Testovací případ 15 – Ověřte, že vždy musí být ve výchozím nastavení vybrána jednotlivá přepínače.

Testovací případ 16 – Ověřte, že tlačítko TAB musí správně fungovat při přeskakování na jiné pole vedle předchozího.

Testovací případ 17 – Ověřte, že všechny stránky musí obsahovat správný název.

Testovací případ 18 – Ověřte, že text stránky musí být správně zarovnán.

Testovací případ 19 – Ověřte, že po aktualizaci libovolného pole se musí zobrazit správná potvrzovací zpráva.

Testovací případ 20 – Ověřte, že musí být vybrán pouze 1 přepínač a může být vybráno více než jedno zaškrtávací políčko.

Výzvy v testování GUI

V softwarovém inženýrství je to nejčastější problém Regresní testování je, že se GUI aplikace často mění. Je velmi obtížné testovat a identifikovat, zda se jedná o problém nebo vylepšení. Problém se projevuje, když nemáte žádné dokumenty týkající se změn GUI.

Nástroje pro testování GUI

Následuje seznam oblíbených Nástroje pro testování GUI :

1. Selenium
2. QTP
3. Cucumber
4. SilkTest
5. TestComplete
6. Squish GUI Tester

Klepnutím sem se dozvíte Selenium, QTP & Cucumber.

Proč investovat do čističky vzduchu?

Úspěch softwarového produktu nesmírně závisí na tom, jak GUI interaguje s uživatelem a na snadném používání jeho různých funkcí. Testování GUI je proto velmi důležité. Manuální testování GUI může být někdy opakované a nudné, a proto náchylné k chybám. Pro testování GUI se důrazně doporučuje automatizace.