testování UI: komplexní průvodce

BY admin
|

testování UI je důležitým prvkem cyklu testování softwaru. Chcete-li ověřit, zda aplikace mají požadované funkce a zda jsou uživatelsky přívětivé, profesionálové QA by měli otestovat všechny komponenty rozhraní. To nejen zlepšuje kvalitu softwaru, ale také zajišťuje, že koncoví uživatelé jsou při používání aplikace pohodlní.

V této komplexní průvodce, budeme řešit vše, co potřebujete vědět o testování uživatelského ROZHRANÍ, základní pojmy UI testování, jak můžete provádět efektivní UI test. Ke konci se ponoříme do výzev, s nimiž se setkáváme při testování uživatelského rozhraní, a poskytneme praktická řešení.

co je testování UI?

nebo Uživatelského rozhraní testování uživatelského ROZHRANÍ, také známý jako GUI testování je proces testování, vizuální prvky aplikace k ověření, zda jsou přesně splňují očekávaný výkon a funkčnost. Testováním GUI mohou testeři ověřit, že funkce uživatelského rozhraní neobsahují vady.

zahrnuje testování všech vizuálních indikátorů a grafických ikon, včetně nabídek, přepínačů, textových polí, zaškrtávacích políček, panelů nástrojů, barev, písem a dalších.

hlavní aspekty kontrolovány v testování uživatelského ROZHRANÍ patří:

  • Vizuální Design
  • Funkce
  • Použitelnost
  • Výkon
  • Dodržování předpisů

UI testování se provádí ruční nebo automatizované s testovací nástroj. Bez ohledu na použitou metodu je cílem zajistit, aby všechny prvky uživatelského rozhraní splňovaly požadované specifikace.

potřeba testování uživatelského rozhraní

testování uživatelského rozhraní je soustředěno kolem dvou hlavních věcí. Nejprve zkontrolujte, jak aplikace zpracovává uživatelské akce prováděné pomocí klávesnice, myši a dalších vstupních zařízení. Za druhé, kontrola, zda jsou vizuální prvky zobrazeny a fungují správně.

pouze tímto způsobem mohou organizace zajistit, aby aplikace splňovaly jejich funkční požadavky a aby je koncoví uživatelé úspěšně přijali. Z tohoto důvodu hraje testování UI významnou roli před uvolněním aplikace do výroby.

UI Testing Checklist: základní testovací případy

stejně jako většina typů testování softwaru může být rozsah testování GUI velmi široký. V této části, sestavili jsme základní testovací případy, které mohou profesionálům QA pomoci důkladně otestovat jejich rozhraní. Testovací případy pokrývají různé aspekty uživatelského rozhraní, včetně obrázků, barevných standardů, obsahu stránky, navigace, použitelnosti a dalších. Tento kontrolní seznam použijte k zajištění úplnějších testů uživatelského rozhraní.

  • chyby datového typu-Zajistěte, aby bylo možné zadávat pouze platná data pro konkrétní typy dat, jako je měna a data.
  • šířky polí – pokud určité textové pole povoluje určitý počet znaků, pak v uživatelském rozhraní jasně uveďte, že zadaná data by neměla překročit limit znaků. (Například pole, které umožňuje 50 znaků v databázi aplikace, by nemělo umožnit uživatelům zadávat více než 50 znaků na rozhraní).
  • navigační prvky-ověřte, že všechna navigační tlačítka na stránce fungují správně a že přesměrují uživatele na správnou stránku nebo obrazovku.
  • Progress bars – při zobrazování obrazovek, které vyžadují čas k vykreslení výsledků, indikátor průběhu by měl být použit k zobrazení uživatele, že proces stále běží.
  • Type-ahead – pokud vaše uživatelské rozhraní používá rozevírací seznamy, ujistěte se, že zahrnout Typ ahead. V rozevírací nabídce se stovkami položek, zadáním prvního písmene by měl seznam přeskočit na položky začínající tímto písmenem, aby uživatelé nemuseli kontrolovat dlouhý seznam.
  • rolování tabulky – pokud se data v tabulkách rozšíří na jinou stránku, funkce rolování by měla uživatelům umožnit posouvat data, ale zachovat všechna záhlaví neporušená.
  • protokolování chyb – když systém zažije fatální chybu, ujistěte se, že aplikace zapíše podrobnosti o chybě do Prohlížeče událostí nebo souboru protokolu pro pozdější kontrolu.
  • položky Menu-ujistěte se, že aplikace zobrazuje pouze platné položky menu, které jsou k dispozici v určitém stavu.
  • pracovní zkratky – u aplikací, které podporují zkratky, ověřte, zda fungují správně, bez ohledu na použitý prohlížeč, platformu nebo zařízení.
  • Potvrdit akčních tlačítek – Zajistit UI má pracovní potvrdit tlačítko pokaždé, když chce uživatel uložit nebo odstranit položku

kromě testování tyto jednotlivé prvky, to je také výhodné, aby udělat UI testování k ověření vaší nejdůležitější end-to-end procesů. Protože to je místo, kde vaši uživatelé budou komunikovat nejčastěji s vaší aplikací, uvidíte také nejvíce ROI z tohoto typu testování uživatelského rozhraní.

při řešení end-to-end testování jsou vaše testovací případy UI mnohem pravděpodobnější, že osloví nejvyšší body bolesti vaší organizace. Jedním z hlavních příkladů end-to-end procesu, který může těžit z testování UI je zpracování plateb kreditní kartou. Zejména v odvětví elektronického obchodu je naprosto nezbytné zajistit, aby vaše aplikace mohla podniknout všechny nezbytné kroky k přijetí a ověření platné transakce. Nejen, že testovací procesy, jako jsou tyto, potvrdí, že kód funguje správně, ale bude mít také zásadní dopad na celé podnikání.

Přístupy k UI Testování

Existují tři hlavní GUI testování přístupů, a to:

Ruční Testování

ruční testování, lidské tester provádí sadu operací zkontrolovat, zda je aplikace pracuje správně, a že grafické prvky souladu s zdokumentované požadavky. Manuální testování má významné nevýhody v tom, že může být časově náročné a pokrytí testu je extrémně nízké. Kvalita testování v tomto přístupu navíc závisí na znalostech a schopnostech testovacího týmu.

testování záznamu a přehrávání

také známý jako testování záznamu a přehrávání, je prováděn pomocí automatizačních nástrojů. Automatizovaný testovací nástroj UI zaznamenává všechny úkoly, akce a interakce s aplikací. Zaznamenané kroky jsou pak reprodukovány, provedeny a porovnány s očekávaným chováním. Pro další testování lze fázi přehrávání opakovat s různými sadami dat.

modelové testování

v tomto testovacím přístupu se zaměřujeme na vytváření grafických modelů, které popisují chování systému. To poskytuje hlubší pochopení systému, což umožňuje testeru generovat vysoce efektivní testovací případy. V modelech určujeme vstupy a výstupy systému, které se zase používají ke spuštění testů. Testování založené na modelu funguje následovně:

  • Vytvořit model pro systém
  • Určit, systém vstupů
  • Ověření očekávaného výstupu
  • Spustit testy
  • Zkontrolovat a ověřit systém výstup vs. očekávaný výstup

model-based přístup je skvělé, protože to umožňuje vyšší stupeň automatizace. Pokrývá také vyšší počet států v systému, čímž se zlepší pokrytí testů.

UI Testování Scénářů

Při provádění UI test, QA tým se musí připravit testovací plán, který identifikuje oblasti aplikace, které by měly být testovány, stejně jako testování dostupných zdrojů. Na základě těchto informací mohou testeři nyní definovat testovací scénáře, vytvářet testovací případy a psát testovací skripty.

testovací scénář je dokument, který zdůrazňuje, jak bude testovaná aplikace použita v reálném životě. Jednoduchý test scénář, ve většině aplikací by být, „uživatelé budou úspěšně přihlásit s platným uživatelským jménem nebo ID a heslo“, V tomto případě, můžeme mít testovací případy pro více GUI události. To zahrnuje, když uživatel:

  • Poskytuje platné uživatelské jméno a heslo kombinace
  • Zadá neplatné uživatelské jméno
  • Zadá platné přihlašovací jméno, ale neplatné heslo
  • Zapomene a snaží se obnovit heslo
  • Pokusí zkopírovat heslo z pole pro heslo
  • Pokusí zkopírovat heslo do pole heslo
  • Udeří na tlačítko nápověda

i když scénáře nejsou nutné při vytváření uživatelského ROZHRANÍ testovací případy, že se bude řídit jejich rozvoj. V zásadě slouží jako základ, ze kterého jsou vyvíjeny testovací případy a testovací skripty, jak je uvedeno níže:

Demo: Praktický test uživatelského rozhraní

při testování uživatelského rozhraní se bere v úvahu mnoho věcí. Vezměme si tento formulář pro registraci Google jako příklad.

pomocí výše uvedeného formuláře identifikujeme 13 testovacích případů označených TC-1 až TC-13. Přinejmenším bychom měli provést následující kontroly uživatelského rozhraní:

TC-1

  • zkontrolujte štítek stránky, polohu a písmo.

TC-2

  • ověřte, zda je Nadpis stránky správný.
  • zkontrolujte použité písmo.

TC-3

  • zkontrolujte zaměření kurzoru na výchozí pole.
  • Vyzkoušejte povinná pole kliknutím na tlačítko Další, zatímco formulář je prázdný.
  • zkontrolujte polohu a zarovnání textového pole.
  • zkontrolujte přijetí platných i neplatných znaků v polních štítcích.

TC-4

  • zkontrolujte polohu a zarovnání textového pole.
  • zkontrolujte štítky polí, ověřte přijetí platných i neplatných znaků.

TC-5

  • zkontrolujte polohu a zarovnání textového pole.
  • zkontrolujte štítky polí, ověřte přijetí platných i neplatných znaků.

TC-6

  • Otestujte chybovou zprávu zadáním povolených i zakázaných znaků.
  • ověřte správnost chybových zpráv.

TC-7

  • Test pop-up okna a hypertextové odkazy.

TC-8

  • zkontrolujte štítky polí, ověřte přijetí platných i neplatných znaků.
  • zkontrolujte polohu a zarovnání textového pole.

TC-9

  • Uložte bezkonkurenční heslo.
  • zkontrolujte štítky polí, ověřte přijetí platných i neplatných znaků.
  • zkontrolujte polohu a zarovnání textového pole.

TC-10

  • ověřte polohu ikony.
  • Test ikona zobrazuje nebo skryje uživatelské heslo.
  • zkontrolujte kvalitu obrazu.

TC-11

  • Otestujte chybovou zprávu zadáním povolených i zakázaných znaků.
  • ověřte správnost chybových zpráv.

TC-12

  • Test pop-up okna a hypertextové odkazy.

TC-13

  • podání zkušebního formuláře.
  • zkontrolujte polohu a jasnost tlačítka.

výzvy v testování uživatelského rozhraní

testeři softwaru čelí při provádění testů uživatelského rozhraní řadě problémů. Mezi nejvýznamnější výzvy patří:

  • neustále se měnící uživatelské rozhraní-je běžné neustále aktualizovat aplikace, aby vyhovovaly novým funkcím a funkcím. Když jsou aktualizace prováděny často, provádění komplexních testů uživatelského rozhraní se stává výzvou.
  • zvýšení složitosti testování – moderní aplikace mají výrazně složité funkce včetně vložených rámců, složitých vývojových diagramů, map, diagramů a dalších webových prvků. Díky tomu jsou testy UI náročnější.
  • UI testy mohou být časově náročné-vytváření efektivních UI testovacích skriptů a provádění testů může nějakou dobu trvat, zejména pokud tester nepoužívá správný nástroj.
  • údržba testovacích skriptů UI – jak vývojáři provádějí změny v uživatelském rozhraní, je náročné udržovat testovací skripty.
  • manipulace s více chybami – při provádění komplexních testů uživatelského rozhraní v úzkých časových osách tráví testeři spoustu času vytvářením skriptů. V takových scénářích se Oprava chyb během procesu testování stává výzvou.
  • výpočet návratnosti investic pro automatizaci testů UI-protože se uživatelské rozhraní neustále mění – mění se i testy. Tím se zvyšuje množství času stráveného na testování UI, čímž se zpomaluje proces doručení. Nakonec je obtížné vypočítat návratnost investic pro nepřetržité provádění testů UI.

jak překonat běžné výzvy testování uživatelského rozhraní

zde je několik praktických tipů, které vám mohou pomoci překonat výše uvedené výzvy testování uživatelského rozhraní.

Vyberte správný nástroj pro automatizaci testů UI

prvním krokem při řešení problémů s testováním softwaru je výběr správného automatizačního nástroje. Na trhu existují různé testovací nástroje, které můžete použít pro svůj projekt. Zaměřte se však na výběr toho, který se hladce integruje do vašeho pracovního postupu. Skvělý nástroj pro automatizaci UI má možnosti záznamu / přehrávání, podporuje opakovaně použitelné testy a vyžaduje minimální údržbu. Podporuje také hlášení a má funkce sledování závad.

využijte úložiště objektů

jedním z přístupů pro snížení údržby testů a souvisejících nákladů je použití sdíleného úložiště. Je také skvělý nápad snížit počet testovacích případů UI během počátečních fází testování a poté zvýšit pokrytí při pohybu vpřed. Tím je zajištěna vyšší úspěšnost ve vašich testovacích případech.

Vybrat codeless automatizace testování nástroje

odstranit potíže dělat opakující se změny ve zkušebním řádu, vývojáři a QA týmy by měly využít sílu codeless automatizace. Pokud jste například fanouškem selenu, TestCraft automatizuje celý proces vytváření a provádění testů, čímž vám ušetří spoustu času a nákladů.

Organizační code review standardů

kódování kultura podniku má významný vliv na to, jak dobře se jejich týmy adresu testování výzvy v aplikaci vývojový cyklus. Z tohoto důvodu by se organizace měly zaměřit na školení svých týmů o nejlepších postupech automatizace testů, takže existují specifická kritéria pro kontrolu nebo úpravy kódu v celém podniku. Dobrým přístupem by bylo zapojení odborníků na automatizaci testů do některých intenzivních brainstormingových relací.

Final Word

UI testování je základním ovladačem pro lepší uživatelský komfort a spokojenost zákazníků. Většina koncových uživatelů se nestará o to, jak dobře váš kód funguje nebo jak je čistý. I když těží z vysoké kvality kódu, jsou více znepokojeni tím, co mohou prakticky vidět a dotknout se.

Jako takové, testery by měly zajistit, že jejich aplikace je rozhraní je snadné použití a navigaci, vypadá skvěle ve všech prohlížečích a zařízeních, a co je nejdůležitější, funguje to správně.

jediný způsob, jak toho dosáhnout, je integrace komplexních testů uživatelského rozhraní do procesu vývoje.

pomocí správného nástroje pro vytváření a provádění testovacích případů je testování UI úspěšnější. Spojte se s našimi odborníky na automatizaci testů a zjistěte, jak TestCraft může zlepšit vaše zkušenosti s testováním.