UI tesztelés: átfogó útmutató

az UI tesztelés a szoftvertesztelési ciklus fontos eleme. Annak ellenőrzése érdekében, hogy az alkalmazások rendelkeznek-e a kívánt funkciókkal, és hogy felhasználóbarátak-e, a minőségbiztosítási szakembereknek tesztelniük kell az összes interfész összetevőt. Ez nem csak javítja a szoftver minőségét, hanem azt is biztosítja, hogy a végfelhasználók kényelmesek legyenek az alkalmazás használatakor.

ebben az átfogó útmutatóban mindent megteszünk, amit tudnia kell a felhasználói felület teszteléséről, a felhasználói felület tesztelésének alapvető fogalmaitól kezdve a hatékony felhasználói felület teszteléséig. A vége felé belemerülünk az UI tesztelés során tapasztalt kihívásokba, és gyakorlati megoldásokat kínálunk.

mi az UI tesztelés?

felhasználói felület vagy UI tesztelés, más néven GUI tesztelés, az alkalmazás vizuális elemeinek tesztelése annak ellenőrzésére, hogy pontosan megfelelnek-e a várt teljesítménynek és funkcionalitásnak. A GUI tesztelésével a tesztelők ellenőrizhetik, hogy a felhasználói felület funkciói mentesek-e a hibáktól.

ez magában foglalja az összes vizuális jelző és grafikus ikon tesztelését, beleértve a menüket, a rádiógombokat, a szövegdobozokat, a jelölőnégyzeteket, az eszköztárakat, a színeket, a betűtípusokat és így tovább.

az UI tesztelés során ellenőrzött fő szempontok a következők:

• vizuális tervezés
• funkcionalitás
• használhatóság
• teljesítmény
• Megfelelőség

a felhasználói felület tesztelése manuálisan vagy egy tesztelő eszközzel automatizálva történik. Az alkalmazott módszertől függetlenül a cél annak biztosítása, hogy az összes felhasználói felület elem megfeleljen a kért előírásoknak.

az UI tesztelés szükségessége

az UI tesztelés két fő dologra összpontosít. Először ellenőrizze, hogy az alkalmazás hogyan kezeli a billentyűzet, az egér és más beviteli eszközök segítségével végrehajtott felhasználói műveleteket. Másodszor, ellenőrizze, hogy a vizuális elemek megjelennek-e és megfelelően működnek-e.

a szervezetek csak ezzel tudják biztosítani, hogy az alkalmazások megfeleljenek funkcionális követelményeiknek, és hogy a végfelhasználók sikeresen alkalmazzák őket. Emiatt a felhasználói felület tesztelése jelentős szerepet játszik az alkalmazás gyártásba bocsátása előtt.

felhasználói felület tesztelési ellenőrzőlista: alapvető teszt esetek

mint a legtöbb szoftvertesztelés, a GUI tesztelés hatóköre is nagyon széles lehet. Ebben a részben olyan alapvető teszteseteket állítottunk össze, amelyek segíthetnek a minőségbiztosítási szakembereknek az interfészek alapos tesztelésében. A teszt esetek a felhasználói felület különböző aspektusait fedik le, beleértve a képeket, a színszabványokat, az oldal tartalmát, a navigációt, a használhatóságot stb. Használja ezt az ellenőrzőlistát annak biztosítására, hogy a felhasználói felület tesztjei kimerítőbbek legyenek.

• adattípus hibák – győződjön meg arról, hogy csak érvényes adatok adhatók meg bizonyos adattípusokhoz, például pénznemhez és dátumokhoz.
• Mezőszélességek – ha egy bizonyos Szövegmező meghatározott mennyiségű karaktert engedélyez, akkor a felhasználói felületen egyértelművé kell tenni, hogy a bevitt adatok nem haladhatják meg a karakterkorlátot. ( Például egy olyan mező, amely 50 karaktert engedélyez az alkalmazás adatbázisában, nem engedélyezheti a felhasználók számára, hogy 50 karakternél többet írjanak be a felületre).
• navigációs elemek – ellenőrizze, hogy az oldal összes navigációs gombja megfelelően működik-e, és hogy a felhasználókat a megfelelő oldalra vagy képernyőre irányítják-e.
• folyamatjelző sávok – az eredmények megjelenítéséhez időt igénylő képernyők megjelenítésekor egy folyamatjelző sávot kell használni, amely megmutatja a felhasználónak, hogy egy folyamat még mindig fut.
• Type-ahead – ha a felhasználói felület legördülő listákat használ, győződjön meg róla, hogy tartalmazza a type ahead-et. A több száz elemet tartalmazó legördülő menüben az első betű beírásával át kell hagynia a listát az adott betűvel kezdődő elemekre, hogy a felhasználóknak ne kelljen hosszú listát ellenőrizniük.
• táblázatos görgetés – ha a táblázatokban lévő adatok egy másik oldalra is kiterjednek, akkor a görgetés funkciónak lehetővé kell tennie a felhasználók számára az adatok görgetését, de az összes fejlécet érintetlenül kell tartania.
• hibanapló – ha a rendszer végzetes hibát tapasztal, győződjön meg arról, hogy az alkalmazás a hiba részleteit egy eseménynaplóba vagy naplófájlba írja későbbi áttekintés céljából.
• Menu items – győződjön meg arról, hogy az alkalmazás csak az adott állapotban elérhető érvényes menüelemeket jeleníti meg.
• működő parancsikonok – a parancsikonokat támogató alkalmazásoknál ellenőrizze, hogy megfelelően működnek-e, függetlenül a használt böngészőtől, platformtól vagy eszköztől.
• Confirm action buttons – győződjön meg arról, hogy a felhasználói felület működik-e megerősítés gomb minden alkalommal, amikor a felhasználó el akar menteni vagy törölni egy elemet

ezen egyedi elemek tesztelése mellett hasznos az UI tesztelése is, hogy ellenőrizze a legkritikusabb végpontok közötti folyamatokat. Mivel ez az, ahol a felhasználók kölcsönhatásba leggyakrabban az alkalmazás, akkor is látni a legtöbb ROI csinál ilyen típusú UI tesztelés.

a végpontok közötti tesztelés során a felhasználói felület tesztesetei sokkal nagyobb valószínűséggel foglalkoznak a szervezet legfontosabb fájdalompontjaival. A végpontok közötti folyamat egyik fő példája, amely profitálhat az UI teszteléséből, a hitelkártyás fizetések feldolgozása. Különösen az e-kereskedelmi iparban feltétlenül szükséges annak biztosítása, hogy az alkalmazás megtegye az összes szükséges lépést az érvényes tranzakció elfogadásához és ellenőrzéséhez. Az ilyen tesztelési folyamatok nemcsak megerősítik, hogy a kód megfelelően működik, hanem jelentős hatással lesz az egész vállalkozásra is.

a felhasználói felület tesztelésének megközelítései

három fő GUI tesztelési megközelítés létezik, nevezetesen:

kézi tesztelés

a kézi tesztelés során az emberi tesztelő egy sor műveletet hajt végre annak ellenőrzésére, hogy az alkalmazás megfelelően működik-e, és hogy a grafikus elemek megfelelnek-e a dokumentált követelményeknek. A kézi alapú tesztelésnek jelentős hátrányai vannak, mivel időigényes lehet, és a teszt lefedettsége rendkívül alacsony. Ezenkívül a tesztelés minősége ebben a megközelítésben a tesztelő csapat tudásától és képességeitől függ.

Record-and-Playback tesztelés

más néven record-and-replay tesztelés, automatizálási eszközökkel hajtják végre. Az automatizált felhasználói felület tesztelő eszköz rögzíti az alkalmazással kapcsolatos összes feladatot, műveletet és interakciót. A rögzített lépéseket ezután reprodukálják, végrehajtják és összehasonlítják a várt viselkedéssel. A további teszteléshez a visszajátszási fázis különféle adatkészletekkel megismételhető.

modell alapú tesztelés

ebben a tesztelési megközelítésben a grafikus modellek felépítésére összpontosítunk, amelyek leírják a rendszer viselkedését. Ez biztosítja a rendszer mélyebb megértését, amely lehetővé teszi a tesztelő számára, hogy rendkívül hatékony teszteseteket generáljon. A modellekben meghatározzuk a rendszer bemeneteit és kimeneteit, amelyeket viszont a tesztek futtatásához használunk. A modell alapú tesztelés a következőképpen működik:

• hozzon létre egy modellt a rendszerhez
• határozza meg a rendszer bemeneteit
• ellenőrizze a várt kimenetet
• tesztek végrehajtása
• ellenőrizze és érvényesítse a rendszer kimenetét a várt kimenethez képest

a modellalapú megközelítés nagyszerű, mert magasabb szintű automatizálást tesz lehetővé. Ezenkívül nagyobb számú állapotot fed le a rendszerben, ezáltal javítva a teszt lefedettségét.

felhasználói felület tesztelési forgatókönyvek

felhasználói felület tesztelésekor a minőségbiztosítási csapatnak el kell készítenie egy teszttervet, amely azonosítja az alkalmazás tesztelendő területeit, valamint a rendelkezésre álló tesztelési erőforrásokat. Ezzel az információval a tesztelők meghatározhatják a tesztforgatókönyveket, létrehozhatják a teszteseteket, és megírhatják a teszt szkripteket.

a tesztforgatókönyv olyan dokumentum, amely kiemeli, hogy a vizsgált alkalmazást hogyan fogják használni a való életben. Egy egyszerű tesztforgatókönyv a legtöbb alkalmazásban a következő lenne:” a felhasználók sikeresen bejelentkeznek érvényes felhasználónévvel vagy azonosítóval és jelszóval ” ebben a forgatókönyvben több GUI esemény tesztesetei is lehetnek. Ez magában foglalja, ha egy felhasználó:

• érvényes felhasználónév és jelszó kombinációt biztosít
• érvénytelen felhasználónevet ír be
• érvényes felhasználónevet ír be, de érvénytelen jelszót ad meg
• elfelejti és megpróbálja visszaállítani a jelszót
• megpróbál jelszót másolni a jelszó mezőből
• megpróbál jelszót másolni a jelszó mezőbe
• megnyomja a súgó gombot

bár a felhasználói felület teszteseteinek létrehozásakor nincs szükség forgatókönyvekre, ezek irányítják a fejlesztésüket. Alapvetően ezek szolgálnak alapul, amelyből teszt esetek és teszt szkriptek kerülnek kidolgozásra az alábbiak szerint:

Demo: Gyakorlati felhasználói felület teszt

sok dolgot figyelembe kell venni a felhasználói felület tesztelésekor. Tekintsük ezt a Google regisztrációs űrlapot példaként.

a fenti űrlap segítségével 13 tesztesetet azonosítunk, TC-1-től TC-13-ig. Legalább a következő felhasználói felület-ellenőrzéseket kell elvégeznünk:

TC-1

• ellenőrizze az oldal címkéjét, pozícióját és betűtípusát.

TC-2

• ellenőrizze, hogy az oldal címe helyes-e.
• ellenőrizze a használt betűtípust.

TC-3

• ellenőrizze a kurzor fókuszát az alapértelmezett mezőre.
• tesztelje a kötelező mezőket a Tovább gombra kattintva, amíg az űrlap üres.
• ellenőrizze a szövegmező helyzetét és igazítását.
• ellenőrizze mind az érvényes, mind az érvénytelen karakterek elfogadását a mezőcímkékben.

TC-4

• ellenőrizze a szövegmező helyzetét és igazítását.
• ellenőrizze a mezőcímkéket, ellenőrizze mind az érvényes, mind az érvénytelen karakterek elfogadását.

TC-5

• ellenőrizze a szövegmező helyzetét és igazítását.
• ellenőrizze a mezőcímkéket, ellenőrizze mind az érvényes, mind az érvénytelen karakterek elfogadását.

TC-6

• tesztelje a hibaüzenetet mind az engedélyezett, mind a tiltott karakterek beírásával.
• ellenőrizze a hibaüzenet helyességét.

TC-7

• pop-upok és hiperhivatkozások tesztelése.

TC-8

• ellenőrizze a mezőcímkéket, ellenőrizze mind az érvényes, mind az érvénytelen karakterek elfogadását.
• ellenőrizze a szövegmező helyzetét és igazítását.

TC-9

• mentsen el egy páratlan jelszót.
• ellenőrizze a mezőcímkéket, ellenőrizze mind az érvényes, mind az érvénytelen karakterek elfogadását.
• ellenőrizze a szövegmező helyzetét és igazítását.

TC-10

• ellenőrizze az ikon helyzetét.
• teszt az ikon megjeleníti vagy elrejti a felhasználói jelszót.
• ellenőrizze a képminőséget.

TC-11

• tesztelje a hibaüzenetet mind az engedélyezett, mind a tiltott karakterek beírásával.
• ellenőrizze a hibaüzenet helyességét.

TC-12

• pop-upok és hiperhivatkozások tesztelése.

TC-13

• teszt űrlap benyújtása.
• ellenőrizze a gomb helyzetét és tisztaságát.

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

a szoftver tesztelők számos problémával szembesülnek a felhasználói felület tesztelése során. A legjelentősebb kihívások közé tartozik:

• folyamatosan változó felhasználói felület-gyakori az alkalmazások folyamatos frissítése az új funkciók és funkciók befogadására. Ha a frissítéseket gyakran végzik, az átfogó felhasználói felület-tesztek elvégzése kihívást jelent.
• a tesztelés bonyolultságának növelése – a Modern alkalmazások jelentősen összetett funkciókkal rendelkeznek, beleértve a beágyazott kereteket, összetett folyamatábrákat, térképeket, diagramokat és egyéb webes elemeket. Ez teszi UI tesztek egyre nagyobb kihívást jelent.
• az UI tesztek időigényesek lehetnek-a hatékony UI teszt szkriptek létrehozása és a tesztek végrehajtása időbe telhet, különösen akkor, ha a tesztelő nem a megfelelő eszközt használja.
• UI teszt szkriptek karbantartása – ahogy a fejlesztők módosítják a felhasználói felületet, kihívást jelent a teszt szkriptek fenntartása.
• több hiba kezelése – amikor összetett felhasználói felület teszteket hajt végre szűk határidők alatt, a tesztelők sok időt töltenek szkriptek készítésével. Ilyen esetekben a hibák kijavítása a tesztelési folyamat során kihívást jelent.
• a ROI kiszámítása A felhasználói felület tesztautomatizálásához – mivel a felhasználói felület folyamatosan változik, a tesztek is változnak. Ez növeli a felhasználói felület tesztelésére fordított időt, ezáltal késlelteti a szállítási folyamatot. Végül nehéz lesz kiszámítani a ROI-t az UI tesztek folyamatos elvégzéséhez.

hogyan lehet legyőzni a közös UI tesztelési kihívásokat

íme néhány gyakorlati tipp, amelyek segíthetnek a fenti UI tesztelési kihívások leküzdésében.

válassza ki a megfelelő felhasználói felület teszt automatizálási eszközt

a szoftvertesztelési kihívások megoldásának első lépése a megfelelő automatizálási eszköz kiválasztása. Különböző tesztelési eszközök vannak a piacon, amelyeket felhasználhat a projektjéhez. Összpontosítson azonban arra, hogy kiválassza azt, amely zökkenőmentesen integrálódik a munkafolyamatba. Egy nagyszerű felhasználói felület automatizálási eszköz rendelkezik felvételi / lejátszási képességekkel, támogatja az újrafelhasználható teszteket, és minimális karbantartást igényel. Támogatja a jelentéskészítést is, és hibakeresési képességekkel rendelkezik.

Objektumtár használata

a tesztkarbantartás és a kapcsolódó költségek csökkentésének egyik módja a megosztott tárház használata. Nagyszerű ötlet az is, hogy csökkentse az UI tesztesetek számát A kezdeti tesztelési szakaszokban, majd növelje a lefedettséget, ahogy halad előre. Ez biztosítja a magasabb sikerességi arányt a tesztesetekben.

válassza a kód nélküli automatizálási tesztelő eszközöket

a tesztkód ismétlődő módosításainak kiküszöbölése érdekében a fejlesztőknek és a minőségbiztosítási csapatoknak ki kell használniuk a kód nélküli automatizálás erejét. Ha például szelén rajongó vagy, a TestCraft automatizálja a teljes tesztkészítési és végrehajtási folyamatot, ezáltal sok időt és költséget takarít meg.

szervezeti kód felülvizsgálati szabványok

a vállalati kódolási kultúra jelentős hatással van arra, hogy csapataik milyen jól kezelik az alkalmazásfejlesztési ciklus tesztelési kihívásait. Ezért a szervezeteknek arra kell összpontosítaniuk, hogy csapataikat a legjobb tesztautomatizálási gyakorlatokra képezzék, ezért a kód felülvizsgálatának vagy módosításának konkrét kritériumai vannak az egész vállalaton belül. Jó megközelítés lenne a tesztautomatizálási szakértők bevonása néhány intenzív ötletgyűjtésbe.

Final Word

a felhasználói felület tesztelése elengedhetetlen illesztőprogram a jobb felhasználói élményhez és az ügyfelek elégedettségéhez. A legtöbb végfelhasználót nem érdekli, hogy a kód milyen jól működik, vagy mennyire tiszta. Bár a magas kódminőség előnyeit élvezik, jobban aggódnak amiatt, amit gyakorlatilag látnak és megérintenek.

mint ilyen, a tesztelőknek biztosítaniuk kell, hogy az alkalmazás felülete könnyen használható és navigálható, minden böngészőben és eszközön jól néz ki, és ami a legfontosabb, hogy megfelelően működik.

ennek egyetlen módja az átfogó felhasználói felület tesztek integrálása a fejlesztési folyamatba.

a megfelelő eszköz használata a tesztesetek létrehozásához és végrehajtásához sikeresebbé teszi a felhasználói felület tesztelését. Vegye fel a kapcsolatot tesztautomatizálási szakértőinkkel, és ismerje meg, hogyan javíthatja a TestCraft a tesztelési élményt.