Výukový program pro testování grafického uživatelského rozhraní: Kompletní průvodce testováním uživatelského rozhraní (UI)

gui testing tutorial

Kompletní průvodce testováním GUI: Výukový program pro testování uživatelského rozhraní

Co je to testování GUI?

Testování GUI je proces testování grafického uživatelského rozhraní aplikace, aby se zajistila správná funkčnost podle specifikací. Zahrnuje kontrolu komponent aplikace, jako jsou tlačítka, ikony, zaškrtávací políčka, barva, nabídka, okna atd.

nejlepší program pro sledování teploty počítače

Vizuální dynamika webové aplikace hraje klíčovou roli při přijímání aplikace s uživatelem.

V důsledku toho toto přijetí přináší dlouhodobé otroctví zákazníků s aplikací klienta. V této éře digitalizace se uživatelské rozhraní rychle mění a je klíčovou pevností v přilákání nového davu možných zákazníků.

Co se naučíte:

• Testování uživatelského rozhraní
• Přístup k testování uživatelského rozhraní
• Běžně se vyskytující vady uživatelského rozhraní
• Klíčové požadavky na uživatelské rozhraní a použitelnost
• Některé základní komponenty
• Některé pokročilé komponenty
• Stavy komponent uživatelského rozhraní
• Nástroje pro testování grafického uživatelského rozhraní
• Ukázkové testovací případy GUI
• Závěr
• Doporučené čtení

Testování uživatelského rozhraní

Aby bylo zajištěno, že vizuální estetika webové aplikace je dobře přijata, stalo se klíčovým aspektem celkové praxe QA testování uživatelského rozhraní a použitelnosti. Jakákoli aplikace, ke které lze přistupovat prostřednictvím adresy URL, je webová aplikace. V takových aplikacích testujeme hlavně přední část aplikace, kterou má koncový uživatel používat.

Každý prohlížeč zobrazuje webové stránky odlišně, takže je důležité, aby stránka vypadala stejně v různých prohlížečích. Pokud je webová stránka zobrazena zkresleně a nespravovaná, povede diváky k opuštění webové stránky. Web by tedy měl pro lepší výsledky podstoupit testování uživatelského rozhraní.

Testování prohlížeče se skládá z níže uvedených dvou typů:

Testování funkčnosti

Testování různých funkcí v celé aplikaci. Zahrnuje ověření všech navigací i všech hodnot polí, které jsou přítomny na front-end stránkách, za použití všech pozitivních i negativních scénářů.

Testování uživatelského rozhraní

Testování vzhledu a chování webové stránky. Faktor vzhledu zahrnuje typ zobrazení, písmo, zarovnání, přepínač, zaškrtávací políčko atd.

• Oblasti zahrnuté v testování uživatelského rozhraní jsou použitelnost, vzhled a chování, ovládací prvky navigace / navigační lišty, pokyny a styl technických informací, obrázky, tabulky, přístupnost atd.
• Pro testování přístupnosti musíme zkontrolovat pokyny pro přístup k obsahu W3C-Web.

Klepněte na tady získat pokyny W3C.

Přístup k testování uživatelského rozhraní

Vybereme podmnožinu testovacích případů z funkčních testovacích případů, která pokrývá všechny funkce aplikace.

Druhým krokem je úprava těchto testovacích případů podle požadavků na testování uživatelského rozhraní.

Dalším krokem bude provedení těchto testovacích případů; porovnání výsledku s očekávanými výsledky, a pokud existuje nějaký rozdíl, pak vyvolání problému pro stejné. Testování ve všech prohlížečích není možné. Za normálních okolností se klient rozhodne, ve kterém prohlížeči je požadavek na testování.

Jak víme, každý prohlížeč zobrazuje webovou stránku jinak, takže nemůžeme očekávat, že všechny prohlížeče budou zobrazovat webovou stránku přesně podobnou.

Například, rozbalovací nabídka v systému Windows-firefox se bude lišit od rozevíracího seznamu mac-firefox. Takové problémy jsou přijatelné, protože se jedná o obslužné programy operačního systému a jako takové je musíme přijmout.

Základní prohlížeč: Normálně je aplikace vyvinuta zaměřená na prohlížeč, u kterého se předpokládá, že ho budou používat hlavně koncoví uživatelé, nazývá se základní prohlížeč.

Běžně se vyskytující vady uživatelského rozhraní

• Problémy se zarovnáním tlačítek
• Nekonzistentní prostor mezi štítky nebo textovými poli
• Rozbité štítky, tj. Jednořádkový štítek se zobrazí ve dvou řádcích
• Vychýlení mezi textovými poli, informačními ikonami, štítky nebo rozbalovacími nabídkami
• Překrývání polí
• Neúplná pole
• Údaje na stránce jsou nesprávně zarovnány; nějaký čas posunut nahoru nebo dolů
• V libovolném prohlížeči se při výběru nějaké akce příslušná akce neděje
• Změna velikosti nefunguje podle očekávání
• U některých prohlížečů je doba platnosti relace buď velmi krátká, nebo velmi dlouhá
• Problémy specifické pro prohlížeč - Několik polí nelze upravovat po zadání dat v jednom prohlížeči, ale lze je upravit v jiném prohlížeči

Klíčové požadavky na uživatelské rozhraní a použitelnost

Klíčové požadavky na testování uživatelského rozhraní webové aplikace jsou:

1. Dostupnost různých komponent v uživatelském rozhraní
2. Různé stavy komponenty uživatelského rozhraní

Komponent:

Komponenta je stavební blok, který lze v kombinaci s několika dalšími komponentami použít k vytvoření aplikace. Komponenty lze znovu použít v celé aplikaci.

Mezi příklady komponenty patří Button, Text Field, Autosuggest, Checkbox, Dropdown atd.

Některé základní komponenty

Zaškrtávací políčko: Z komponenty zaškrtávacího políčka lze vybrat jednu nebo více možností

Rádiová tlačítka: Pokud je třeba vybrat pouze jednu možnost, jsou užitečné přepínače

Některé pokročilé komponenty

1. Akordeon: Pomocí této komponenty lze vertikálně skládat více položek. Každou položku lze rozbalit a zobrazit její obsah. Lze rozbalit také více než jednu položku.

2. Strouhanka: Jedná se o velmi užitečnou součást, která pomáhá při navigaci na webu. Uživatel může z této komponenty zjistit svou aktuální polohu na webu.

3. Kolotoč: Do komponenty karuselu lze začlenit více sad informačních položek. Vyhledávače cest ve spodní části označují přítomnost více položek. Šipky pomáhají při navigaci v kolotoči. Karuselová navigace je obvykle konfigurována jako nepřetržitá smyčka.

Klepněte na tady získat další užitečné informace o komponentách uživatelského rozhraní

Stavy komponent uživatelského rozhraní

Dostupnost komponent je čistě založena na pokynech k požadavkům projektu. Bude se lišit od jednoho projektu k druhému.

Různé stavy uživatelského rozhraní pro základní komponentu jsou:

1. Nevyplněný stav
2. Vyplněný stav a zaostření
3. Normální stav a výchozí stav
4. Umístit ukazatel myši
5. Zakázaný stav
6. Maskovaný stát

Nevyplněný stav:

jak otevřít soubor json

Před zadáním jakékoli hodnoty v komponentě se říká, že jde o nevyplněný stav. Stav Nevyplněno zobrazí zástupný text, pokud existuje. Níže je součást textového pole.

Vyplněný stav:

Komponenta s hodnotou zadanou uživatelem je vyplněna.

Stav zaostření:

Uživatel znovu navštíví komponentu, která je již vyplněna. Komponenta by měla zobrazovat kurzor, což znamená, že je zaměřena konkrétní komponenta

Normální stav:

Zobrazení komponenty s hodnotou již zadanou uživatelem na obrazovce popisuje normální stav.

Výchozí stav:

Komponenta, která zobrazuje automaticky vyplněnou hodnotu ze serveru / backendu. Tuto hodnotu může uživatel také upravit v některých scénářích.

Stav vznášení:

Umístěním kurzoru myši nad komponentu se zvýrazní komponenta označující akci přechodu.

Před přejetím myší:

Při přechodu myší:

Zakázaný stav:

Komponenta je deaktivována a uživatel nemůže pole upravovat.

Povolený stav

Zakázaný stav

Maskovaný stát:

Citlivá data, jako je heslo, lze pomocí této komponenty skrýt.

Klíčové požadavky na testování použitelnosti webové aplikace jsou:

1. Rodina písem
2. Velikost písma
3. Barva
4. Mezery mezi písmeny
5. Výška čáry
6. Ověření pozadí
7. Vyplnění / neprůhlednost
8. Měření komponent, jako je délka, šířka a šířka
9. Umístění / mezery mezi komponentami na obrazovce

Výše uvedené funkce použitelnosti lze otestovat v kódu nebo pomocí prvku inspect v aplikaci. Další jednodušší způsob je použití doplňků. Doplňky se mohou lišit v závislosti na prohlížeči, ve kterém by měla být aplikace testována.

Podrobnosti o různých doplňcích prohlížeče

Výhody doplňků:

• Šetří čas
• Snadné použití
• Je to nákladově efektivní

Omezení doplňků:

• Chyba paralaxy při měření
• Kompatibilní s různými aplikacemi
• Kompatibilní s více prohlížeči

Reference pro doplňky:

• Webový inspektor: Apple Dev Tools
• Firebug: Firebug Wiki
• Změřte to
• Colorzilla

Nástroje pro testování grafického uživatelského rozhraní

Ve světě technologií je k dispozici několik nástrojů, které by testerům pomohly při testování uživatelského rozhraní.

• Selen
• Unifikované funkční testování HP
• Okurka
• Kódované uživatelské rozhraní
• Vlastně

Podrobný seznam nástrojů GUI je k dispozici na samotném softwaretestinghelp.com! prosím klikněte tady .

Ukázkové testovací případy GUI

1) Ověřte funkčnost karuselských šipek a vyhledávačů cest
dva) Ověřte, že pole hesla přijímá hodnoty pouze v maskovaném stavu
3) Ověřte, zda tlačítko „Uložit“ zůstane neaktivní, dokud nezadáte všechna povinná pole
4) Pomocí lišty „Nahoře“ ověřte, zda má uživatel povoleno navigovat do horní části stránky
5) Ověřte, zda se zobrazí správná zpráva, když použité filtry nenačtou žádné výsledky
6) Ověřte navigaci z odkazů dostupných v záhlaví a zápatí
7) Ověřte, zda je zarovnání přepínačů přesné
8) Ověřte, že lze zaškrtnout více možností v zaškrtávacích polích najednou
9) Ověřte, zda je název každé sekce tučným písmem
10) Po kliknutí ověřte změnu barvy hypertextových odkazů

Závěr

Web je duší mnoha podniků. Je velmi nutné zajistit, aby vypadal dobře a fungoval podobně na různých prohlížečích a platformách. Testování uživatelského rozhraní je tedy velmi důležité a zajistí velkou zákaznickou základnu a zvýšení obchodní hodnoty.

Doporučené čtení

• Nejlepší nástroje pro testování softwaru 2021 (QA Test Automation Tools)
• Alfa testování a beta testování (kompletní průvodce)
• Testování stahování e-knih Primer
• Funkční testování vs. nefunkční testování
• Kompletní průvodce pro testování ověřování sestavení (testování BVT)
• Co je Testování rozhraní? Znát jeho typy, strategie a nástroje
• Průvodce QA Outsourcing: Společnosti provádějící testování softwaru pro outsourcing
• Typy testování softwaru: Různé typy testování s podrobnostmi