gui testing tutorial
Kompletný sprievodca testovaním grafického používateľského rozhrania: Výukový program pre testovanie používateľského rozhrania
Čo je to testovanie GUI?
Testovanie GUI je proces testovania grafického používateľského rozhrania aplikácie, aby sa zabezpečila správna funkčnosť podľa špecifikácií. Zahŕňa kontrolu komponentov aplikácie, ako sú tlačidlá, ikony, začiarkavacie políčka, farba, ponuka, okná atď.
ako extrahovať súbory .7z v systéme mac
Vizuálna dynamika webovej aplikácie hrá pri prijímaní aplikácie s používateľom kľúčovú úlohu.
Výsledkom tohto prijatia je teda získanie dlhodobého otroctva zákazníkov s aplikáciou klienta. V tejto ére digitalizácie sa užívateľské rozhranie rýchlo mení a je kľúčovou pevnosťou v prilákaní nového davu možných zákazníkov.
Čo sa dozviete:
- Testovanie používateľského rozhrania
- Prístup k testovaniu používateľského rozhrania
- Bežne sa vyskytujúce chyby používateľského rozhrania
- Kľúčové požiadavky na používateľské rozhranie a test použiteľnosti
- Niektoré základné komponenty
- Niektoré rozšírené komponenty
- Štáty zložiek používateľského rozhrania
- Nástroje na testovanie GUI
- Vzorové testovacie prípady GUI
- Záver
- Odporúčané čítanie
Testovanie používateľského rozhrania
Aby sa zaistila dobrá akceptácia vizuálnej estetiky webovej aplikácie, stalo sa testovanie používateľského rozhrania a použiteľnosti kľúčovým aspektom celkovej praxe QA. Akákoľvek aplikácia, ku ktorej je možné získať prístup prostredníctvom adresy URL, je webová aplikácia. V takýchto aplikáciách testujeme hlavne prednú časť aplikácie, ktorú má používať koncový používateľ.
Každý prehľadávač zobrazuje webové stránky inak, takže je dôležité, aby stránka vyzerala rovnako v rôznych prehľadávačoch. Ak je webová stránka zobrazená skreslene a nespravovane, povedie to divákov k opusteniu webovej stránky. Web by teda mal pre lepšie výsledky podstúpiť testovanie používateľského rozhrania.
Testovanie prehľadávača pozostáva z dvoch typov:
Testovanie funkčnosti
Testovanie rôznych funkcií v celej aplikácii. Zahŕňa to validáciu všetkých navigácií, ako aj všetkých hodnôt polí, ktoré sú prítomné na front-end stránkach, pri použití všetkých pozitívnych aj negatívnych scenárov.
Testovanie používateľského rozhrania
Testovanie vzhľadu a dojmu z webovej stránky. Faktor vzhľadu a dojmu zahŕňa typ zobrazenia, písmo, zarovnanie, prepínač, začiarkavacie políčko atď.
- Oblasti pokryté testovaním používateľského rozhrania sú použiteľnosť, vzhľad a dojem, ovládacie prvky navigácie / navigačné lišty, pokyny a štýl technických informácií, obrázky, tabuľky, prístupnosť atď.
- Pri testovaní prístupnosti sa musíme oboznámiť s pokynmi pre prístupnosť obsahu W3C-Web.
Kliknite tu získať usmernenie W3C.
Prístup k testovaniu používateľského rozhrania
Z funkčných testovacích prípadov vyberieme podmnožinu testovacích prípadov, ktorá pokrýva všetky funkcionality aplikácie.
Druhým krokom je úprava týchto testovacích prípadov podľa požiadaviek na testovanie používateľského rozhrania.
Ďalším krokom bude vykonanie týchto testovacích prípadov; porovnanie výsledku s očakávanými výsledkami, a ak existuje nejaký rozdiel, nastolenie rovnakého problému. Nie je možné testovať vo všetkých prehľadávačoch. Za normálnych okolností sa klient rozhodne, v ktorom prehliadači je požiadavka na testovanie.
Ako vieme, každý prehliadač zobrazuje webovú stránku inak, takže nemôžeme očakávať, že všetky prehliadače zobrazia webovú stránku úplne podobne.
Napríklad, rozbaľovacia ponuka v systéme Windows-firefox sa bude líšiť od mac-firefox. Takéto problémy sú prijateľné, pretože ide o obslužné programy operačného systému a ako také ich musíme akceptovať.
Základný prehliadač: Aplikácia sa zvyčajne zameriava na prehliadač, ktorý by sa mal používať hlavne pre koncových používateľov. Nazýva sa to základný prehliadač.
Bežne sa vyskytujúce chyby používateľského rozhrania
- Problémy so zarovnaním tlačidiel
- Nekonzistentný priestor medzi štítkami alebo textovými poľami
- Rozbité štítky, tj. Jednoriadkový štítok sa zobrazuje v dvoch riadkoch
- Nesprávne zarovnanie medzi textovými poľami, informačnými ikonami, štítkami alebo rozbaľovacími ponukami
- Prekrývanie polí
- Neúplné polia
- Údaje na stránke sú nesprávne zarovnané; niektoré časovo posunuté nahor alebo nadol
- V ktoromkoľvek prehľadávači sa pri výbere niektorých akcií príslušná akcia nekoná
- Zmena veľkosti nefunguje podľa očakávania
- Čas vypršania relácie je pre niektoré prehliadače veľmi krátky alebo veľmi dlhý
- Problémy súvisiace s konkrétnym prehliadačom - Niekoľko polí nie je možné upravovať po zadaní údajov v jednom prehľadávači, ale je ich možné upraviť v inom prehľadávači
Kľúčové požiadavky na používateľské rozhranie a test použiteľnosti
Kľúčové požiadavky na testovanie používateľského rozhrania webovej aplikácie sú:
- Dostupnosť rôznych komponentov v používateľskom rozhraní
- Rôzne stavy zložky UI
Zložka:
Komponent je stavebný blok, ktorý sa dá kombináciou niekoľkých ďalších komponentov použiť na vytvorenie aplikácie. Komponenty je možné opakovane použiť v celej aplikácii.
Príklady komponentov zahŕňajú Button, Text Field, Autoosuggest, Checkbox, Dropdown atď.
Niektoré základné komponenty
Začiarkavacie políčko: Z komponentu začiarkavacieho políčka je možné vybrať jednu alebo viac možností
Rádiové tlačidlá: Ak je potrebné zvoliť iba jednu možnosť, sú užitočné prepínače
Niektoré rozšírené komponenty
1. Akordeón: Pomocou tohto komponentu je možné vertikálne stohovať viac položiek. Každú položku je možné rozšíriť, aby sa zobrazil jej obsah. Rozbaliť možno aj viac ako jednu položku.
2. Strúhanka: Toto je veľmi užitočný komponent, ktorý pomáha pri navigácii na webových stránkach. Používateľ môže z tohto komponentu zistiť svoju aktuálnu polohu na webovej stránke.
3. Kolotoč: Do komponentu karuselu je možné začleniť viac sád informačných položiek. Vyhľadávače spôsobov v dolnej časti označujú, že je prítomných viac položiek. Šípky pomáhajú pri navigácii v rámci kolotoča. Karuselová navigácia je zvyčajne nakonfigurovaná ako súvislá slučka.
Kliknite tu získať užitočnejšie informácie o komponentoch používateľského rozhrania
Štáty zložiek používateľského rozhrania
Dostupnosť komponentov je čisto založená na pokynoch k požiadavkám na projekt. Bude sa líšiť od jedného projektu k druhému.
Rôzne stavy používateľského rozhrania pre základnú súčasť sú:
- Nevyplnený štát
- Vyplnený stav a zameranie
- Normálny stav a predvolený stav
- Stav kurzora myši
- Zakázaný štát
- Maskovaný štát
Nevyplnený stav:
Pred zadaním akejkoľvek hodnoty do komponentu sa hovorí, že je to nevyplnený stav. Stav Nevyplnené zobrazí zástupný text, ak existuje. Nižšie je uvedený komponent textového poľa.
Vyplnený stav:
Komponent s hodnotou zadanou používateľom je vyplnený.
Stav zaostrenia:
Používateľ znova navštívi komponent, ktorý je už vyplnený. Na komponente by sa mal zobraziť kurzor, čo naznačuje, že konkrétny komponent je zameraný
Normálny stav:
Zobrazenie komponentu s hodnotou, ktorú už na obrazovke zadal užívateľ, je opísaný v normálnom stave.
Predvolený stav:
Komponent, ktorý zobrazuje automaticky vyplnenú hodnotu zo servera / servera. Túto hodnotu môže v niektorých scenároch upraviť aj používateľ.
Stav umiestnenia kurzora myši:
Umiestnením kurzora myši na komponent sa zvýrazní komponent označujúci akciu kurzora.
Pred umiestnením kurzora myši:
Pri umiestnení kurzora myši:
ako vyzerá internetový modem
Zakázaný stav:
Komponent je deaktivovaný a používateľ nemôže upravovať polia.
Povolený stav
Zakázaný štát
Maskovaný štát:
Citlivé údaje, ako je heslo, je možné skryť pomocou tohto komponentu.
Kľúčové požiadavky na testovanie použiteľnosti webovej aplikácie sú:
- Rodina písma
- Veľkosť písma
- Farba
- Medzery medzi písmenami
- Výška čiary
- Overenie pozadia
- Vyplnenie / nepriehľadnosť
- Meria komponenty, ako je dĺžka, šírka a šírka
- Umiestnenie / rozstupy medzi komponentmi na obrazovke
Vyššie uvedené vlastnosti použiteľnosti je možné otestovať v kóde alebo pomocou prvku inspect v aplikácii. Ďalším ľahším spôsobom je použitie doplnkov. Doplnky sa môžu líšiť v závislosti od prehľadávača, v ktorom by mala byť aplikácia testovaná.
Podrobnosti o rôznych doplnkoch prehľadávača
názov | Podrobnosti o použití | Kompatibilita |
---|---|---|
Pravítko stránky | Tento doplnok pomáha pri testovaní šírky a výšky komponentov. Dá sa tiež zistiť horná, ľavá, pravá a spodná poloha komponentov | Chrome a Firefox |
Webový inšpektor | Webový inšpektor zobrazí písmo, farbu textu a farbu pozadia iba kliknutím na ikonu webového inšpektora a umiestnením kurzora myši nad sekciu, ktorá sa má testovať. | Chrome a Safari |
Fire Bug | Firebug je doplnok otvoreného zdroja na monitorovanie CSS, HTML, DOM, XHR a JavaScriptu webovej stránky. Toto je alternatíva prvku inspect kompatibilná s Firefoxom. | Firefox |
ColorZilla | Jedná sa o doplnok na výber farieb, ktorý sa používa na analýzu farby webovej stránky | Chrome a Firefox |
Zmerajte to | Používa sa na testovanie šírky, výšky a zarovnania prvkov v pixeloch. | Chrome, Safari a Firefox |
Výhody doplnkov:
- Šetrí čas
- Jednoduché použitie
- Je to nákladovo efektívne
Obmedzenie doplnkov:
- Chyba paralaxy pri použití merania
- Kompatibilné s rôznymi aplikáciami
- Kompatibilné s viacerými prehľadávačmi
Referencie pre doplnky:
- Webový inšpektor: Apple Dev Tools
- Firebug: Firebug Wiki
- Zmerajte to
- Colorzilla
Nástroje na testovanie GUI
Vo svete technológií je k dispozícii niekoľko nástrojov, ktoré by testerom pomohli pri testovaní používateľského rozhrania.
- Selén
- Zjednotené funkčné testovanie HP
- Uhorka
- Kódované používateľské rozhranie
- Vlastne
Podrobný zoznam nástrojov grafického používateľského rozhrania je k dispozícii na samotnom softvéetestinghelp.com! Prosím kliknite tu .
Vzorové testovacie prípady GUI
1) Overte funkčnosť karuselských šípok a hľadačov cesty
dva) Overte, či pole hesla prijíma hodnoty iba v maskovanom stave
3) Skontrolujte, či tlačidlo „uložiť“ zostáva neaktívne, kým nezadáte všetky povinné polia
4) Pomocou pruhu „Na vrchu“ overte, či má používateľ povolené navigovať do hornej časti stránky
5) Skontrolujte, či sa správna správa zobrazí, keď použité filtre nezískajú žiadne výsledky
6) Navigáciu overte pomocou odkazov dostupných v hlavičkách a pätach
7) Skontrolujte presnosť zarovnania prepínačov
8) Overte, či je možné súčasne vybrať viac možností v začiarkavacích políčkach
9) Skontrolujte, či je nadpis každej časti napísaný tučným písmom
10) Po kliknutí overte zmenu farby hypertextových odkazov
Záver
Webové stránky sú dušou mnohých firiem. Je veľmi potrebné zabezpečiť, aby vyzeral dobre a fungoval podobne na rôznych prehliadačoch a platformách. Testovanie používateľského rozhrania je preto veľmi dôležité a zabezpečí veľkú zákaznícku základňu a zvýšenie obchodnej hodnoty.
Odporúčané čítanie
- Najlepšie nástroje na testovanie softvéru 2021 [QA Test Automation Tools]
- Alfa testovanie a beta testovanie (kompletný sprievodca)
- Stiahnutie e-knihy Testing Primer
- Funkčné testovanie vs. Nefunkčné testovanie
- Kompletný sprievodca zostavením Verification Testing (BVT Testing)
- Čo je to Testovanie rozhrania? Poznať jej typy, stratégiu a nástroje
- Sprievodca outsourcingom QA: Spoločnosti outsourcingu testovania softvéru
- Typy testovania softvéru: Rôzne typy testovania s podrobnosťami