Pochopenie testovania grafického používateľského rozhrania umožňuje najskôr porozumieť -
Čo je GUI?
Existujú dva typy rozhraní pre počítačovú aplikáciu. Rozhranie príkazového riadku je miesto, kde píšete text a počítač reaguje na tento príkaz. GUI je skratka pre Graphical User Interface (Grafické používateľské rozhranie), v ktorej interagujete s počítačom pomocou obrázkov a nie textu.
Nasledujú prvky grafického používateľského rozhrania, ktoré možno použiť na interakciu medzi používateľom a aplikáciou:
Testovanie GUI je validácia vyššie uvedených prvkov.
Testovanie GUI
Testovanie GUI je typ testovania softvéru, ktorý kontroluje grafické užívateľské rozhranie softvéru. Účelom testovania grafického používateľského rozhrania (GUI) je zabezpečiť funkčnosť softvérových aplikácií podľa špecifikácií kontrolou obrazoviek a ovládacích prvkov, ako sú ponuky, tlačidlá, ikony atď.
Používateľ vidí grafické rozhranie. Povedzme, že keď navštívite stránku guru99.com, čo uvidíte ako domovskú stránku, jedná sa o GUI (grafické používateľské rozhranie) stránky. Používateľ nevidí zdrojový kód. Rozhranie je viditeľné pre používateľa. Dôraz sa kladie najmä na konštrukčnú štruktúru, obrázky, ktoré fungujú správne alebo nie.
Vo vyššie uvedenom príklade, ak musíme testovať GUI, najskôr skontrolujeme, či by obrázky mali byť úplne viditeľné v rôznych prehľadávačoch.
K dispozícii sú tiež odkazy a tlačidlo by malo po kliknutí fungovať.
Ak používateľ zmení veľkosť obrazovky, obrázky ani obsah by sa nemali zmenšovať, orezávať ani prekrývať.
V tomto návode sa naučíte
- Čo je to testovanie GUI?
- Potreba testovania GUI
- Čo kontrolujete pri testovaní GUI?
- Prístup k testovaniu GUI
- Testovacie prípady testovania GUI
- Ukážka: Ako vykonať test GUI
- Výzvy v testovaní GUI
Potreba testovania GUI
Teraz je jasná základná koncepcia testovania GUI. Zopár otázok, ktoré vám napadnú, bude
- Prečo testovanie GUI?
- Je to skutočne potrebné?
- Nie je testovanie funkčnosti a logiky aplikácie viac ako dostatočné? Prečo potom strácať čas testovaním používateľského rozhrania.
Ak chcete získať odpoveď, myslite ako používateľ, nie ako tester. Používateľ nemá žiadne znalosti o softvéri / aplikácii XYZ. Je to používateľské rozhranie aplikácie, ktoré rozhoduje o tom, že používateľ bude aplikáciu používať alebo nie.
Normálny používateľ najskôr pozoruje vzhľad a vzhľad Aplikácie / Softvéru a to, ako ľahko mu rozumie, užívateľské rozhranie. Ak používateľovi rozhranie nevyhovuje alebo nenájde komplex aplikácie, aby pochopil, že ju už nikdy nebude používať. Z tohto dôvodu je grafické užívateľské rozhranie znepokojujúce a malo by sa vykonať riadne testovanie, aby sa zaistilo, že grafické používateľské rozhranie nebude obsahovať chyby.
Čo kontrolujete pri testovaní GUI?
Nasledujúci kontrolný zoznam zabezpečí podrobné testovanie grafického používateľského rozhrania pri testovaní softvéru.
- Skontrolujte veľkosť, polohu, šírku, dĺžku a akceptáciu znakov alebo čísel vo všetkých prvkoch grafického používateľského rozhrania. Napríklad musíte byť schopní poskytnúť vstupy do vstupných polí.
- Skontrolujte, či môžete pomocou GUI spustiť zamýšľanú funkčnosť aplikácie
- Správne sa zobrazujú chybové správy
- Skontrolujte, či je na obrazovke zreteľné vymedzenie rôznych častí
- Skontrolujte, či je písmo použité v aplikácii čitateľné
- Skontrolujte správne zarovnanie textu
- Skontrolujte farbu písma a varovné správy sú esteticky príjemné
- Skontrolujte, či sú obrázky kvalitné
- Skontrolujte, či sú obrázky správne zarovnané
- Skontrolujte umiestnenie prvkov grafického používateľského rozhrania, aby malo odlišné rozlíšenie obrazovky.
Techniky testovania GUI
Techniky testovania GUI možno rozdeliť do troch častí:
Ručné testovanie
V rámci tohto prístupu sú grafické obrazovky kontrolované testermi ručne v súlade s požiadavkami uvedenými v dokumente obchodných požiadaviek.
Nahrajte a prehrajte
Testovanie GUI je možné vykonať pomocou automatizačných nástrojov. Toto sa vykonáva v 2 častiach. Počas záznamu sú automatizačným nástrojom zaznamenávané kroky testu. Počas prehrávania sa zaznamenané kroky testu vykonávajú na testovanej aplikácii. Príklad takýchto nástrojov - QTP.
Testovanie na základe modelu
Model je grafický popis správania systému. Pomáha nám pochopiť a predpovedať správanie systému. Modely pomáhajú pri generovaní efektívnych testovacích prípadov využívajúcich systémové požiadavky. Pri testovaní na základe tohto modelu je potrebné vziať do úvahy nasledujúce skutočnosti:
- Postavte model
- Určte vstupy pre model
- Vypočítajte očakávaný výstup pre model
- Spustite testy
- Porovnajte skutočný výkon s očakávaným
- Rozhodnutie o ďalšom postupe podľa modelu
Niektoré z modelovacích techník, z ktorých možno odvodiť testovacie prípady:
- Grafy - zobrazuje stav systému a po nejakom zadaní skontroluje stav.
- Tabuľky rozhodovania - tabuľky použité na určenie výsledkov pre každý použitý vstup
Testovanie na základe modelu je vyvíjajúca sa technika generovania testovacích prípadov z požiadaviek . Jeho hlavnou výhodou v porovnaní s vyššie uvedenými dvoma metódami je, že dokáže určiť nežiaduce stavy, ktoré môže vaše GUI dosiahnuť.
Nasledujú nástroje otvoreného zdroja, ktoré sú k dispozícii na vykonávanie automatizovaného testu používateľského rozhrania.
| Výrobok | Pod licenciou |
|---|---|
| AutoHotkey | GPL |
| Selén | Apache |
| Sikuli | MIT |
| Robot Framework | Apache |
| Voda | BSD |
| Sada nástrojov Dojo | BSD |
Príklad testovacích prípadov testovania GUI
Testovanie GUI v zásade zahŕňa
- Testovanie veľkosti, polohy, šírky a výšky prvkov.
- Testovanie zobrazovaných chybových správ.
- Testovanie rôznych častí obrazovky.
- Testovanie písma, či je čitateľné alebo nie.
- Testovanie obrazovky v rôznych rozlíšeniach pomocou priblíženia a oddialenia ako 640 x 480, 600x800 atď.
- Testovanie zarovnania textov a ďalších prvkov, ako sú ikony, tlačidlá atď., Je na správnom mieste alebo nie.
- Testovanie farieb písma.
- Testovanie farieb chybových správ, varovných správ.
- Testuje sa, či je obrázok dobre čistý alebo nie.
- Testovanie zarovnania obrázkov.
- Testovanie pravopisu.
- Užívateľ sa pri používaní systémového rozhrania nesmie frustrovať.
- Testuje sa, či je rozhranie atraktívne alebo nie.
- Testovanie posúvačov podľa veľkosti stránky, ak existuje.
- Testovanie deaktivovaných polí, ak existujú.
- Testovanie veľkosti obrázkov.
- Testovanie nadpisov, či je alebo nie je správne zarovnané.
- Testovanie farby hypertextového odkazu.
Ukážka: Ako vykonať test GUI
Tu použijeme niekoľko vzorových testovacích prípadov pre nasledujúcu obrazovku.
Nasleduje príklad testovacích prípadov, ktorý pozostáva zo scenárov používateľského rozhrania a testov použiteľnosti.
TC 01- Skontrolujte, či je textové pole so štítkom „ Zdrojový priečinok “ správne zarovnané.
TC 02 - Skontrolujte, či je textové pole so štítkom „ Balík “ správne zarovnané.
TC 03 - Overte, či štítok s názvom „ Prechádzať “ je tlačidlo, ktoré je umiestnené na konci TextBoxu s názvom „ Zdrojový priečinok “.
TC 04 - Overte, či štítok s názvom „ Prechádzať “ je tlačidlo umiestnené na konci TextBoxu s názvom „ Balík “.
TC 05 - Skontrolujte, či je textové pole so štítkom „ Meno “ správne zarovnané.
TC 06 - Skontrolujte, či štítok „ Modifikátory “ pozostáva zo 4 prepínačov s názvom verejné, predvolené, súkromné, chránené.
TC 07 - Skontrolujte, či štítok „ Modifikátory “ pozostáva zo 4 prepínačov, ktoré sú správne zoradené v rade.
TC 08 - Skontrolujte, či štítok „ Superclass “ pod štítkom „ Modifikátory “ pozostáva z rozbaľovacej ponuky, ktorá musí byť správne zarovnaná.
TC 09 - Skontrolujte, či štítok „ Superclass “ pozostáva z tlačidla s označením „ Browse “, ktoré musí byť správne zarovnané.
TC 10 - Overte, či kliknutím na ľubovoľný prepínač musíte zmeniť predvolený ukazovateľ myši na ukazovateľ myši.
TC 11 - Overte, či používateľ nesmie byť schopný zadať rozbaľovaciu ponuku „ Superclass “.
TC 12 - Skontrolujte, či musí existovať správna chyba, ak bola chyba vybratá omylom.
TC 13 - Overte, či musí byť chyba generovaná ČERVENOU farbou vždy, keď je to potrebné.
TC 14 - Skontrolujte, či sa v chybových správach musia používať správne štítky.
TC 15 - Skontrolujte, či musia byť zakaždým predvolene vybrané jednotlivé prepínače.
TC 16 - Overte, že tlačidlo TAB musí fungovať správne, keď skáčete na ďalšie pole vedľa predchádzajúceho.
TC 17 - Overte, či všetky stránky musia obsahovať správny názov.
TC 18 - Skontrolujte, či musí byť text stránky správne zarovnaný.
TC 19 - Overte, či sa po aktualizácii ktoréhokoľvek poľa musí zobraziť správna potvrdzovacia správa.
TC 20 - Overte, či musí byť vybraný iba 1 prepínač a či je možné začiarknuť viac ako jedno začiarkavacie políčko.
Výzvy v testovaní GUI
V softvérovom inžinierstve je najbežnejším problémom pri testovaní regresie to, že sa často mení grafické rozhranie aplikácie. Je veľmi ťažké otestovať a zistiť, či ide o problém alebo vylepšenie. Problém sa prejaví, keď nemáte žiadne dokumenty týkajúce sa zmien grafického používateľského rozhrania.
Nástroje na testovanie GUI
Nasleduje zoznam populárnych nástrojov na testovanie grafického používateľského rozhrania :
- Ranorex
- Selén
- QTP
- Uhorka
- SilkTest
- TestComplete
- Squish GUI Tester
Kliknutím sem sa dozviete selén, QTP a uhorka.
Záver:
Úspech softvérového produktu nesmierne závisí od toho, ako grafické rozhranie interaguje s používateľom a od ľahkosti pri používaní jeho rôznych funkcií. Preto je testovanie GUI veľmi dôležité. Ručné testovanie grafického používateľského rozhrania môže byť niekedy opakujúce sa a nudné, a preto náchylné na chyby. Na testovanie GUI sa dôrazne odporúča automatizácia.
Tento článok je možný vďaka príspevkom Swati Ghildiyal, Prateek Chandra a Guru99.