Kompletní Průvodce GUI Testování: Uživatelské Rozhraní Testování Tutorial
Co je Testování GUI?
GUI Testování je proces testování aplikace je grafické uživatelské rozhraní k zajištění správné funkčnosti dle specifikace. Zahrnuje kontrolu komponent aplikace, jako jsou tlačítka, ikony, zaškrtávací políčka, barva, nabídka, okna atd.
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, uživatelské rozhraní se rychle mění a drží klíčovou pevnost při získávání nového davu možných zákazníků.
Uživatelská Rozhraní
zajistit vizuální estetiku, webové aplikace, je dobře přijat, UI a testování Použitelnosti se stal klíčovým aspektem celkové QA praxi. Každá aplikace, ke které lze přistupovat prostřednictvím adresy URL, je webová aplikace. V takových aplikacích testujeme hlavně přední konec aplikace, který má být použit koncovým uživatelem.
Každý prohlížeč zobrazuje webové stránky jinak, 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. Takže webové stránky by měly projít UI testování pro lepší výsledky.
Prohlížeč zkoušky se skládá z níže uvedených dvou typů:
Funkce testování
Testování různých funkcí v rámci celé aplikace. Zahrnuje ověření všech navigací a všech hodnot pole, které jsou přítomny na předních stránkách, pomocí všech pozitivních i negativních scénářů.
testování uživatelského rozhraní
testování faktoru vzhledu webové stránky. Vzhled a pocit faktor zahrnuje typ zobrazení, písmo, zarovnání, přepínač, zaškrtávací políčko atd.
- oblasti pokryté testováním uživatelského rozhraní jsou použitelnost, vzhled & pocit, 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řístupnost webového obsahu W3C.
kliknutím sem získáte pokyny W3C.
přístup pro testování uživatelského rozhraní
z funkčních testovacích případů vybereme podmnožinu 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í UI.
Dalším krokem bude provedení těchto testovacích případů; porovnání výsledků s očekávanými výsledky, a pokud existuje nějaký rozdíl, pak vznáší otázku za stejné. Není možné testovat ve všech prohlížečích. Obvykle 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 mac-firefox. Takové problémy jsou přijatelné, protože se jedná o nástroje operačního systému a musíme je přijmout jako takové.
Základní Prohlížeč: Normálně aplikace je vyvinut cílení prohlížeč, který se očekává, že bude používán většinou koncovými uživateli, to je nazýváno jako základní prohlížeč.
Běžně se Vyskytující UI Vady
- Tlačítko zarovnání problémy
- Nekonzistentní prostoru mezi štítky nebo textových polí
- Rozbité štítky tj. jeden řádek označení zobrazeny ve dvou řádcích
- Vychýlení mezi textových polí, info ikony, štítky nebo rozbalovacích
- Překrývajících se polí
- Neúplné pole
- Dat na stránce je nesprávně zarovnány; některé časově posunuté směrem nahoru nebo dolů
- V libovolném prohlížeči, když vyberete nějakou akci, odpovídající akci se neděje
- změna Velikosti nepracuje, jak se očekávalo
- čas vypršení platnosti Relace buď velmi krátké nebo velmi dlouhé pro některé prohlížeče
- Prohlížeč konkrétní problémy – 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íč UI a Použitelnost Zkušební Požadavky
klíč testování uživatelského ROZHRANÍ požadavky na webové aplikace jsou:
- Dostupnost jednotlivých složek v UI
- Různé státy součásti uživatelského ROZHRANÍ
Složka:
součástí je stavební blok, který může být použit s kombinací několika jiných složek, aby se formulář žádosti. Komponenty lze znovu použít v celé aplikaci.
příklady komponenty zahrnují tlačítko, Textové pole, Autosuggest, zaškrtávací políčko, rozbalovací nabídku atd.
Některé základní komponenty
Checkbox: Jednu nebo více možností může být vybrán z komponenty checkbox
Radio Tlačítka: Když jen jedna možnost musí být vybrána radio tlačítka jsou užitečné
Některé Pokročilé Komponenty
1. Akordeon: pomocí této komponenty lze svisle skládat více položek. Každá položka může být rozšířena pro zobrazení obsahu v ní. Více než jedna položka může být rozšířena příliš.
2. Strouhanka: Jedná se o velmi užitečnou součást, která pomáhá při navigaci na webových stránkách. Uživatel může z této komponenty identifikovat svou aktuální polohu na webu.
3. Kolotoč: Do komponenty karuselu lze začlenit více sad informačních položek. Way nálezci v dolní části označují více položek jsou přítomny. Šipky pomáhají při navigaci v kolotoči. Karuselová navigace je obvykle konfigurována jako spojitá smyčka.
Klikněte zde pro získání více užitečných informací na UI komponenty
Státy UI komponent
Dostupnost komponent je založena čistě na projektu požadavek pokyny. Bude se lišit od jednoho projektu k druhému.
různé stavy uživatelského rozhraní pro základní komponentu jsou:
- Nevyplněné Státu
- plný Stav a Na Zaměření
- Normální Stav a Výchozí Stav
- Hover Stav
- Zakázána
- Maskovaný Státu
Nevyplněný Stav:
Před zadáním jakékoli hodnoty v komponentě, to je řekl, aby být nevyplněné státu. Nevyplněný Stav zobrazuje zástupný text, pokud existuje. Níže je komponenta textového pole.
plný Stav:
součásti, jejichž hodnota zadaná uživatelem je plný stav.
ve stavu zaostření:
uživatel znovu navštíví komponentu, která je již vyplněna. Součásti by měly zobrazovat kurzor, což znamená, že konkrétní součást, v tom, že se zaměřil
Normální Stav:
zobrazení součástí s hodnotou již zadané uživatelem na obrazovce je popsán normálním stavu.
Výchozí Stav:
komponenta, která zobrazuje auto-naplněna hodnota ze serveru/backendu. Tuto hodnotu může uživatel v některých scénářích také upravovat.
stav vznášení myši:
kurzor myši nad komponentou zvýrazní komponentu označující akci vznášení myši.
Před Hover:
Na Visu:
Zakázána:
komponenty je zakázáno a uživatel nemůže upravit pole.
Povoleno
Zakázána
Maskovaný Státu:
pomocí této komponenty lze skrýt citlivá data, jako je heslo.
klíčové požadavky na testování použitelnosti webové aplikace jsou:
- Písmo
- Velikost Písma
- Barva
- Letter spacing
- výška Řádku
- Pozadí validace
- Vyplnit/Krytí
- Měření komponent, jako je délka, šířka, a šířka
- Umístění/vzdálenosti mezi komponenty v obrazovce
výše Použitelnost funkce mohou být testovány v kódu nebo použitím zkontrolujte, zda prvek v aplikaci. Dalším snadnějším způsobem 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é Prohlížeče Add-ons
Jméno | Podrobnosti o Využití | Kompatibilita |
---|---|---|
Page Ruler | Tento add-on pomáhá v testování šířky a výšky komponenty. Horní, levý, pravý a dolní polohy součástí může být také zjistil, | Chrome a Firefox |
Web Inspector | Web inspector zobrazuje písmo, barvu textu a barvu pozadí pouhým kliknutím na web inspector ikonu a vznášející se nad úseku, který má být testován | Chrome a Safari |
Oheň Chyba | Firebug je open source add-on pro sledování webové stránky je CSS, HTML, DOM, XHR a JavaScript. Jedná se o alternativu kontrolního prvku kompatibilního s Firefoxem. | Firefox |
ColorZilla | To je color picker add-on se používá k analýze barvy stránky | Chrome a Firefox |
Opatření | To se používá k testování šířku, výšku a zarovnání prvků v pixelech. | Chrome, Safari a Firefox |
Výhody Add-Ons:
- Šetří čas
- Snadné použití
- je To nákladově efektivní
Omezení Add-Ons:
- Parallax chyba při použití měření
- Kompatibilní napříč aplikací
- Kompatibilní s více prohlížečů
Odkazy pro Add-Ons:
- Web Inspector: Apple Dev Tools
- Firebug: Firebug Wiki
- Měřit
- Colorzilla
Testování GUI Nástroje
Několik nástrojů jsou k dispozici v technologii světě, který by pomohl testery na testování uživatelského ROZHRANÍ.
- Selen
- HP Unified Functional Testing
- Okurky
- UI
- Sahi
podrobný seznam GUI tools je k dispozici v softwaretestinghelp.com sám o sobě! Prosím klikněte zde.
Ukázka GUI Testovací Případy
1) Ověřit pracovní kolotoč šípy a způsob nálezci
2) Ověřte, že heslo pole přijímá hodnoty pouze v maskované státu
3) Ověřte, že na „uložit“ tlačítko zůstane neaktivní, dokud všechna povinná pole jsou zadány
4) Ověřte, že uživatel je dovoleno přejděte do horní části stránky pomocí “ Top “ bar
5) Ověřit, že příslušná zpráva se zobrazí, když aplikuje filtry nelze načíst žádné výsledky
6) Ověřit navigace z odkazů v Záhlaví a zápatí
7) Ověřte připojení přepínače je přesné
8) Ověřte, že více možností v zaškrtávacích políček lze zvolit v době,
9) Ověřte, že název každého oddílu je tučným písmem
10) Ověřte, zda se změna barvy hypertextových odkazů na kliknutí
Závěr
webová stránka je duše mnoha podniků. Je velmi nutné se ujistit,že vypadá dobře a funguje podobně na různých platformách prohlížečů &. Testování UI je tedy velmi důležité a zajistí velkou zákaznickou základnu a doplnění obchodní hodnoty.