GUI tesztelése – UI tesztesetek (példák)

A GUI tesztelésének megértéséhez először megértsük

Mi az a GUI?

A számítógépes alkalmazásokhoz kétféle interfész létezik. A parancssori felületen szöveget kell beírni, és a számítógép válaszol a parancsra. A GUI a grafikus felhasználói felület rövidítése, ahol szöveg helyett képek használatával kommunikálhat a számítógéppel.

Az alábbiakban felsoroljuk azokat a GUI-elemeket, amelyek a felhasználó és az alkalmazás közötti interakcióhoz használhatók:

A GUI tesztelése a fenti elemek érvényesítése.

Mi az a GUI tesztelés?

GUI tesztelés egy szoftvertesztelési típus, amely ellenőrzi a szoftver grafikus felhasználói felületét. A grafikus felhasználói felület (GUI) tesztelésének célja, hogy biztosítsa a szoftveralkalmazások specifikációinak megfelelő működését a képernyők és vezérlők, például menük, gombok, ikonok stb.

A GUI az, amit a felhasználó lát. Tegyük fel, hogy ha meglátogatja a guru99.com webhelyet, akkor az a honlap GUI-ja (grafikus felhasználói felület), amit látni fog. A felhasználó nem látja a forráskódot. A felület a felhasználó számára látható. Különösen a tervezési struktúrán van a hangsúly, a képeken, hogy megfelelően működnek-e vagy sem.

A fenti példában, ha GUI-tesztet kell végeznünk, először ellenőrizzük, hogy a képek teljesen láthatóak-e a különböző böngészőkben.

Ezenkívül a hivatkozások elérhetők, és a gombnak működnie kell, ha rákattint.

Továbbá, ha a felhasználó átméretezi a képernyőt, sem a képek, sem a tartalom nem zsugorodhat, nem vágható ki vagy fedhet át egymást.

GUI tesztelés szükséges

Most már világos a grafikus felhasználói felület tesztelésének alapkoncepciója. Az a néhány kérdés, ami fel fog támadni a fejedben, az lesz

• Miért végezzünk GUI tesztelést?
• Valóban szükség van rá?
• Az alkalmazás funkcionális és logikájának tesztelése nem több, mint elég? Akkor miért vesztegessünk időt a felhasználói felület tesztelésére.

Megkapni a választ, hogy felhasználóként gondolkozz, ne tesztelőként. A felhasználó nem ismeri az XYZ szoftvert/alkalmazást. Az Alkalmazás felhasználói felülete dönti el, hogy a felhasználó tovább fogja-e használni az Alkalmazást vagy sem.

Egy normál felhasználó először figyeli meg az Alkalmazás/Szoftver kialakítását és megjelenését, valamint azt, hogy mennyire könnyű számára megérteni a felhasználói felületet. Ha a felhasználó nem érzi jól magát az interfészben, vagy ha az Alkalmazás komplexumot nem tudja megérteni, soha többé nem fogja használni az alkalmazást. Éppen ezért a GUI aggodalomra ad okot, és megfelelő tesztelést kell végezni annak érdekében, hogy megbizonyosodjon arról, hogy a grafikus felület mentes a hibáktól.

Mi a bejelentkezési GUI tesztelése?

A következő ellenőrzőlista biztosítja a részletes grafikus felhasználói felület tesztelését a szoftvertesztelés során.

• Ellenőrizze az összes grafikus felhasználói felület elem méretét, helyzetét, szélességét, hosszát, valamint a karakterek és számok elfogadását. Például képesnek kell lennie a beviteli mezők megadására.
• Ellenőrizze, hogy végrehajthatja-e az alkalmazás tervezett funkcióit a grafikus felhasználói felület segítségével
• Ellenőrizze, hogy a hibaüzenetek megfelelően jelennek-e meg
• Ellenőrizze a képernyőn a különböző szakaszok egyértelmű elhatárolását
• Az alkalmazásban használt betűtípus ellenőrzése olvasható
• Ellenőrizze a szöveg igazítását
• Ellenőrizze, hogy a betűtípus színe és a figyelmeztető üzenetek esztétikusak-e
• Ellenőrizze, hogy a képek tisztaak-e
• Ellenőrizze, hogy a képek megfelelően vannak-e igazítva
• Ellenőrizze a GUI-elemek elhelyezését a különböző képernyőfelbontásokhoz.

GUI tesztelési technikák

GUI tesztelési technikák három részre osztható:

Kézi alapú tesztelés

Ebben a megközelítésben a grafikus képernyőket a tesztelők manuálisan ellenőrzik az üzleti követelmények dokumentumában meghatározott követelményeknek megfelelően.

Felvétel és újrajátszás

A GUI tesztelése automatizálási eszközökkel végezhető el. Ez 2 részben történik. A rögzítés során a tesztlépéseket az automatizálási eszköz rögzíti. Lejátszás közben a rögzített tesztlépések végrehajtásra kerülnek a Teszt alatti alkalmazáson. Példa ilyen eszközökre – QTP.

Modell alapú tesztelés

A modell a rendszer viselkedésének grafikus leírása. Segít megérteni és előre jelezni a rendszer viselkedését. A modellek hatékony tesztesetek generálásában segítenek a rendszerkövetelmények alapján. A modell alapú tesztelésnél a következőket kell figyelembe venni:

• Építsd meg a modellt
• Határozza meg a modell bemeneteit
• Számítsa ki a modell várható kimenetét
• Futtassa le a teszteket
• Hasonlítsa össze a tényleges kimenetet a várt kimenettel
• Döntés a modell további lépéseiről

Néhány modellezési technika, amelyből tesztesetek származtathatók:

• Diagramok – A rendszer állapotát ábrázolja, és bizonyos bevitel után ellenőrzi az állapotot.
• Döntési táblázatok – Az egyes alkalmazott bemenetek eredményeinek meghatározására szolgáló táblázatok

A modell alapú tesztelés egy fejlődő technika a tesztesetek előállítására a követelményekből. Fő előnye a fenti két módszerhez képest, hogy képes meghatározni azokat a nemkívánatos állapotokat, amelyeket a grafikus felhasználói felület elérhet.

Az alábbiakban nyílt forráskódú eszközök állnak rendelkezésre az automatizált felhasználói felület teszteléséhez.

Termékek	Licenc alatt
AutoHotkey	GPL
Selenium	Apache
Sikuli	MIT
Robot keretrendszer	Apache
Víz	BSD
Dojo Toolkit	BSD

Példa GUI tesztelési tesztesetek

A GUI tesztelése alapvetően magában foglalja

1. Az elemek méretének, helyzetének, szélességének, magasságának tesztelése.
2. A megjelenő hibaüzenetek tesztelése.
3. A képernyő különböző részeinek tesztelése.
4. A betűtípus tesztelése, hogy olvasható-e vagy sem.
5. A képernyő tesztelése különböző felbontásokban nagyítás és kicsinyítés segítségével, mint 640 x 480, 600×800 stb.
6. A szövegek és egyéb elemek, például ikonok, gombok, stb. igazításának tesztelése, hogy a megfelelő helyen vannak-e vagy sem.
7. A betűtípusok színeinek tesztelése.
8. Hibaüzenetek, figyelmeztető üzenetek színeinek tesztelése.
9. Annak tesztelése, hogy a kép tiszta-e vagy sem.
10. A képek igazításának tesztelése.
11. A helyesírás tesztelése.
12. A felhasználónak nem szabad csalódnia a rendszerfelület használata közben.
13. Tesztelve, hogy a felület vonzó-e vagy sem.
14. A görgetősávok tesztelése az oldal méretének megfelelően, ha van ilyen.
15. A letiltott mezők tesztelése, ha vannak ilyenek.
16. A képek méretének tesztelése.
17. A címsorok tesztelése, hogy megfelelően vannak-e igazítva vagy sem.
18. A hiperhivatkozás színének tesztelése.

Demo: A GUI-teszt elvégzése

Itt néhány minta tesztesetet fogunk használni a következő képernyőhöz.

Az alábbiakban a Tesztesetek példája látható, amely felhasználói felület és használhatósági teszt forgatókönyvekből áll.

Teszteset 01- Ellenőrizze, hogy a szövegdoboz a „Forrás mappa” megfelelően van beállítva.

02. teszteset – Győződjön meg arról, hogy a szövegdoboz a „Csomag” megfelelően van beállítva.

03. teszteset – Ellenőrizze, hogy a „névvel ellátott címkét”Tallózás” egy gomb, amely a szöveg végén találhatóBox névvelForrás mappa. "

04. teszteset – Ellenőrizze, hogy a „névvel ellátott címkét”Tallózás” egy gomb, amely a szöveg végén találhatóBox névvelCsomag. "

05. teszteset – Győződjön meg arról, hogy a szövegdoboz a „Név” megfelelően van beállítva.

06. teszteset – Ellenőrizze, hogy a „Módosítók” 4 rádiógombból áll, amelyek neve nyilvános, alapértelmezett, privát, védett.

07. teszteset – Ellenőrizze, hogy a „Módosítók” 4 rádiógombból áll, amelyek egymás után megfelelően vannak elrendezve.

08. teszteset – Ellenőrizze, hogy a „Szuperosztály" címke alatt "Módosítók” egy legördülő menüből áll, amelyet megfelelően be kell állítani.

09. teszteset – Ellenőrizze, hogy a „Szuperosztály"" feliratú gombból állTallózás” van rajta, amelyet megfelelően be kell állítani.

10. teszteset – Győződjön meg arról, hogy bármelyik rádiógombra kattintva az alapértelmezett egérmutatót kézi egérmutatóra kell cserélni.

11. teszteset – Ellenőrizze, hogy a felhasználó nem tudja-e beírni a „Szuperosztály. "

12. teszteset – Ellenőrizze, hogy megfelelő hiba keletkezett-e, ha valamit tévesen választottak ki.

13. teszteset – Győződjön meg arról, hogy a hibát a PIROS színben kell generálni mindenhol, ahol szükséges.

14. teszteset – Ellenőrizze, hogy megfelelő címkéket kell-e használni a hibaüzenetekben.

15. teszteset – Ellenőrizze, hogy az egyes rádiógombokat alapértelmezés szerint minden alkalommal ki kell-e választani.

16. teszteset – Ellenőrizze, hogy a TAB gombnak megfelelően kell-e működnie, miközben egy másik mezőre ugrik az előző mellett.

17. teszteset – Ellenőrizze, hogy minden oldalnak tartalmaznia kell-e a megfelelő címet.

18. teszteset – Ellenőrizze, hogy az oldal szövegét megfelelően kell-e igazítani.

19. teszteset – Győződjön meg arról, hogy bármely mező frissítése után megfelelő megerősítő üzenetnek kell megjelennie.

20. teszteset – Ellenőrizze, hogy csak 1 rádiógombot kell bejelölni, és több jelölőnégyzet is bejelölhető.

Kihívások a grafikus felhasználói felület tesztelésében

A szoftverfejlesztésben a leggyakoribb probléma munka közben Regressziós teszt Az alkalmazás grafikus felhasználói felülete gyakran változik. Nagyon nehéz tesztelni és azonosítani, hogy ez probléma vagy fejlesztés. A probléma akkor jelentkezik, ha nem rendelkezik a grafikus felhasználói felület változásaival kapcsolatos dokumentumokkal.

GUI tesztelési eszközök

Az alábbiakban a népszerűek listája található GUI tesztelési eszközök :

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

Kattintson ide a tanuláshoz Selenium, QTP & Cucumber.

Következtetés

A szoftvertermékek sikere nagymértékben függ attól, hogy a grafikus felhasználói felület hogyan kommunikál a felhasználóval, és mennyire könnyű használni a különféle funkcióit. Ezért a GUI tesztelése nagyon fontos. A kézi grafikus felhasználói felület tesztelése időnként ismétlődő és unalmas lehet, ezért hibákra hajlamos. Az automatizálás erősen ajánlott a grafikus felhasználói felület teszteléséhez.