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
- Az elemek méretének, helyzetének, szélességének, magasságának tesztelése.
- A megjelenő hibaüzenetek tesztelése.
- A képernyő különböző részeinek tesztelése.
- A betűtípus tesztelése, hogy olvasható-e vagy sem.
- 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.
- 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.
- A betűtípusok színeinek tesztelése.
- Hibaüzenetek, figyelmeztető üzenetek színeinek tesztelése.
- Annak tesztelése, hogy a kép tiszta-e vagy sem.
- A képek igazításának tesztelése.
- A helyesírás tesztelése.
- A felhasználónak nem szabad csalódnia a rendszerfelület használata közben.
- Tesztelve, hogy a felület vonzó-e vagy sem.
- A görgetősávok tesztelése az oldal méretének megfelelően, ha van ilyen.
- A letiltott mezők tesztelése, ha vannak ilyenek.
- A képek méretének tesztelése.
- A címsorok tesztelése, hogy megfelelően vannak-e igazítva vagy sem.
- 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 :
- Selenium
- QTP
- Cucumber
- SilkTest
- TestComplete
- 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.