Testování webových aplikací: Jak testovat web? Typy
⚡ Chytré shrnutí
Testování webových aplikací ověřuje webovou stránku z hlediska funkčnosti, použitelnosti, rozhraní, databáze, kompatibility, výkonu, zabezpečení a crowd checků před jejím vydáním, takže vady se objeví již ve fázi testování, a ne před platícími uživateli.
Než se podrobněji zaměříme na typy webového testování, pojďme si rychle definovat webové testování a podívat se, kam patří v rámci dodavatelského cyklu.
Co je testování webových aplikací?
Testování webových aplikacíTestování webových stránek neboli ,, je kontrola webové aplikace nebo webu na přítomnost potenciálních chyb před jeho spuštěním a zpřístupněním široké veřejnosti. Testování webových aplikací ověřuje funkčnost, použitelnost, zabezpečení, kompatibilitu a výkon webové aplikace nebo webu.
Během této fáze se kontrolují otázky, jako je zabezpečení webové aplikace, fungování webu, jeho přístup pro handicapované i běžné uživatele a jeho schopnost zvládat provoz.
Webová stránka není jeden program. Je to sada: HTML, CSS a… JavaSkript v prohlížeči a navíc API a databáze na serveru. Vrstva, která projde sama, může selhat i po komunikaci se sousední vrstvou, takže webové testování potřebuje doplňkové techniky.
Typy webových aplikací, které je třeba testovat
Než si vyberete techniky, zjistěte si architekturu, kterou máte k dispozici. Struktura určuje, kde se koncentrují vady a jak rozdělíte úsilí mezi klienta a server.
| Architecture | Jak se chová | Co to znamená pro testování |
|---|---|---|
| Jednostránková aplikace (SPA) | Načte se jednou a poté se zobrazení aktualizuje bez nutnosti opětovného načtení celé stránky. Gmail funguje tímto způsobem. | Většina logiky se dodává do prohlížeče: zaměřte se na JavaStav skriptu, dynamické vykreslování a relace na straně klienta. |
| Vícestránková aplikace (MPA) | Mnoho stránek bylo dosaženo samostatnou cestou. URLs, vykreslené na straně serveru. Běžné pro e-commerce a zpravodajské weby. | Navigační cesty se množí: otestujte každou trasu, formulář a přesměrování od začátku do konce. |
| Progresivní webová aplikace (PWA) | Běží jako nativní aplikace s využitím servisních procesů, manifestu a aplikačního shellu. | Přidejte chování offline, zastaralé mezipaměti, push notifikace a výzvy k instalaci. |
Většina produktů kombinuje tyto vzorce. Ověřte si, s kterým máte co do činění, a poté si procvičte osm níže uvedených technik.
Jak otestovat webovou aplikaci nebo web
V softwarovém inženýrství mohou být v závislosti na vašich požadavcích na testování webu provedeny následující typy/technika testování.
Každou techniku lze spustit ručně nebo pomocí skriptu a tato volba zvyšuje náklady než krytí.
| Vzhled | Ruční testování | Automatizované testování |
|---|---|---|
| Nejlépe se hodí | Použitelnost a průzkumný Kontroly | Regrese, multiprohlížečové, načítání |
| Rychlost při opakovaných bězích | Pomalu; úsilí se opakuje v každém cyklu | Rychlé; sada se reprízuje na vyžádání |
| Profil nákladů | Nízká cena v úvodu, roste s každým vydáním | Vyšší počáteční náklady než údržba skriptů |
1. Testování funkčnosti webových stránek
Testování funkčnosti webu je proces, který zahrnuje několik testovacích parametrů, jako je uživatelské rozhraní, API, testování databáze, testování zabezpečení, testování klienta a serveru a základní funkce webu. Funkční testování je velmi pohodlné a umožňuje uživatelům provádět manuální i automatizované testování. Provádí se za účelem testování funkčnosti každé funkce na webu.
Mezi aktivity webového testování patří:
test všechno Odkazy na vašich webových stránkách fungují správně a ujistěte se, že na nich nejsou žádné nefunkční odkazy. Odkazy ke kontrole budou zahrnovat –
- Odchozí odkazy
- Vnitřní odkazy
- Anchor
- MailDo odkazů
Testovací formuláře fungují podle očekávání. To bude zahrnovat-
- Skriptovací kontroly ve formuláři fungují podle očekávání. Pokud například uživatel nevyplní povinné pole ve formuláři, zobrazí se chybová zpráva.
- Zkontrolujte, zda jsou naplňovány výchozí hodnoty
- Po odeslání jsou data ve formulářích odeslána do živé databáze nebo jsou propojena s funkční e-mailovou adresou
- Formuláře jsou optimálně formátovány pro lepší čitelnost
Testovací soubory cookie fungují podle očekávání. Cookies jsou malé soubory, které webové stránky používají především k zapamatování aktivních uživatelských relací, takže se nemusíte přihlašovat při každé návštěvě webové stránky. Součástí bude testování souborů cookie
- Testovací soubory cookie (relace) se vymažou buď po vymazání mezipaměti, nebo po vypršení jejich platnosti.
- Odstraňte soubory cookie (relace) a otestujte, zda jsou při příští návštěvě webu vyžadovány přihlašovací údaje.
Otestujte HTML a CSS zajistit, aby vyhledávače mohly snadno procházet vaše stránky. To bude zahrnovat
- Kontrola syntaktických chyb
- Readable Barevná schémata
- Standardní dodržování. Zajistěte dodržování standardů jako W3C, OASIS, IETF, ISO, ECMA nebo WS-I.
Otestujte pracovní postup firmy– To bude zahrnovat
- Testování vašich end-to-end workflow/obchodních scénářů, které uživatele provedou řadou webových stránek.
- Otestujte také negativní scénáře, například když uživatel provede neočekávaný krok, ve vaší webové aplikaci se zobrazí příslušná chybová zpráva nebo nápověda.
Nástroje, které lze použít: QTP , IBM Racionální , Selenium
2. Testování použitelnosti
Testování použitelnosti se nyní stala důležitou součástí jakéhokoli webového projektu. To může být prováděné testery jako Ty nebo malá ohnisková skupina podobně jako cílové publikum webové aplikace.
test místo Navigace:
- Nabídky, tlačítka nebo odkazy na různé stránky vašeho webu by měly být snadno viditelné a konzistentní na všech webových stránkách
test ο Obsah:
- Obsah by měl být čitelný bez pravopisných nebo gramatických chyb.
- Obrázky, pokud jsou k dispozici, by měly obsahovat „alt“ text
Nástroje, které lze použít: Křída, Obsahový čtvereca Clixpy
3. Testování rozhraní
Jakmile funkce a použitelnost obstojí, zkontrolujte, zda vzájemně komunikují úrovně, které za nimi stojí. Tři oblasti, které je třeba otestovat, jsou – aplikace, web a databázový server.
- Aplikace: Testovací požadavky jsou správně odesílány do databáze a výstup na straně klienta se zobrazuje správně. Případné chyby musí aplikace zachytit a musí být zobrazeny pouze správci, nikoli koncovému uživateli.
- Web Server: Testovací webový server zpracovává všechny požadavky aplikací bez jakéhokoli odmítnutí služby.
- Databázový server: Ujistěte se, že dotazy odeslané do databáze poskytují očekávané výsledky.
Otestujte odezvu systému kdy spojení mezi třemi vrstvami (Aplikace, Web a Databáze) nelze stanovit a koncovému uživateli se zobrazí příslušná zpráva.
Nástroje, které lze použít: Ranorex
4. Testování databáze
Databáze je jednou z kritických součástí vaší webové aplikace a je třeba ji důkladně otestovat. Testovací aktivity budou zahrnovat
- Otestujte, zda se při provádění dotazů nezobrazují nějaké chyby
- Data Integrity je udržována při vytváření, aktualizaci nebo mazání dat v databázi.
- Zkontrolujte dobu odezvy na dotazy a v případě potřeby je dolaďte.
- Testovací data získaná z vaší databáze se přesně zobrazují ve vaší webové aplikaci
Nástroje, které lze použít: QTP, Selenium
5. Testování kompatibility
Testování kompatibility zajišťuje, že se vaše webová aplikace zobrazuje a chová správně na různých zařízeních. To zahrnuje:
Test kompatibility prohlížeče: Stejný web v různých prohlížečích se bude zobrazovat odlišně. Musíte otestovat, zda se vaše webová aplikace zobrazuje správně v různých prohlížečích, JavaSkript, AJAX a autentizace fungují dobře. Můžete také zkontrolovat Mobilní aplikace Kompatibilita prohlížeče.
Vykreslování webových prvků, jako jsou tlačítka, textová pole atd., se mění se změnou Operasystém. Ujistěte se, že váš web funguje dobře pro různé kombinace Operatingové systémy jako např Windows, Linux, Mac a prohlížeče jako např Firefox, Internet Explorer, Safari atd.
Nástroje, které lze použít: Dynatrace
6. Testování výkonu
Tím zajistíte, že váš web bude fungovat při jakékoli zátěži. Testovací aktivity budou zahrnovat mimo jiné –
- Doba odezvy webové aplikace při různých rychlostech připojení
- Zátěžový test vaší webové aplikace, abyste zjistili její chování při normálním a špičkovém zatížení
- Zátěžový test vašeho webu, abyste určili jeho bod zlomu, když se ve špičce překročí normální zatížení.
- Otestujte, zda dojde k selhání kvůli špičkovému zatížení, jak se web z takové události zotaví
- Ujistěte se, že jsou povoleny optimalizační techniky, jako je komprese gzip, mezipaměť prohlížeče a serveru, aby se zkrátila doba načítání
Nástroje, které lze použít: Loadrunner, JMeter
7. Testování bezpečnosti
Testování bezpečnosti je zásadní pro webové stránky elektronického obchodu, které ukládají citlivé informace o zákaznících, jako jsou kreditní karty. Testovací aktivity budou zahrnovat -
- Testovací neoprávněný přístup k zabezpečeným stránkám by neměl být povolen
- Soubory s omezeným přístupem by neměly být ke stažení bez příslušného přístupu
- Kontrolní relace jsou automaticky ukončeny po delší nečinnosti uživatele
- Při použití certifikátů SSL by web měl přesměrovat na šifrované stránky SSL.
Intruder
Intruder je výkonný skener zranitelnosti, který vám pomůže odhalit četná slabá místa číhající ve vašich webových aplikacích a základní infrastruktuře. Nabízí špičkové bezpečnostní kontroly, nepřetržité monitorování a snadno použitelnou platformu, Intruder chrání podniky všech velikostí před hackery.
Funkce
- Nejlepší pokrytí hrozeb ve své třídě s více než 10,000 XNUMX bezpečnostních kontrol
- Kontroluje slabé stránky konfigurace, chybějící záplaty, slabé stránky aplikací (jako je SQL injection a cross-site skriptování) a další
- Automatická analýza a prioritizace výsledků skenování
- Intuitivní rozhraní, rychlé nastavení a spuštění prvních skenů
- Proaktivní monitorování zabezpečení pro nejnovější zranitelnosti
- AWS, Azure, a Google Cloud konektory
- Integrace API s vaším kanálem CI/CD
8. Davové testování
Vyberete si velký počet lidí (dav), kteří provedou testy, které by jinak provedla malá interní skupina. Crowdsourcingoing testování je zajímavý a perspektivní koncept, který pomáhá odhalit mnoho nepovšimnutých vad.
Nástroje, které lze použít: Platforma davového testování
Proces testování webových aplikací: Krok za krokem
Osm technik vám řekne, co kontrolovat. Níže uvedený postup vám sdělí, kdy je spustit.
- Shromáždit a ujasnit si požadavky. Uveďte, co musí aplikace dělat a jak by se měla chovat. Nejednoznačné požadavky vytvářejí netestovatelná očekávání, proto je nejprve vyřešte. Tento krok ukotvuje webové testování v širším kontextu. životní cyklus testování softwaru.
- Napište plán testování. Rozhodněte se, které techniky se použijí, kdo je bude používat, jaké nástroje budou potřeba a v jakém časovém harmonogramu. Plán je vaším plánem a vaším odhadem.
- Vyvíjet testovací případy. Proměňte každý požadavek v konkrétní kroky s očekávanými výsledky, které zahrnují jak šťastnou cestu, tak i negativní scénáře, které uživatelé spustí omylem.
- Nastavte testovací prostředí. Zrcadlit produkci co nejvěrněji, jak to rozpočet dovolí: stejné páry prohlížečů a operačních systémů, srovnatelné objemy dat, realistické rychlosti sítě.
- Proveďte testy. Spusťte případy, zaznamenejte skutečné a očekávané výsledky a zachyťte snímky obrazovky, výstup z konzole a protokoly serveru, dokud je selhání stále reprodukovatelné.
- Zpráva a track vad. Každý z nich zaznamenejte s kroky k reprodukci a prioritou a poté po opravě znovu otestujte a ověřte, že se v okolí nic nezlomilo.
- Uzavřete cyklus. Vytvořte shrnutí testů, které zahrnuje, co bylo testováno, co bylo zjištěno, co zůstává otevřené a co je třeba vylepšit, a poté schvalte vydání.
⚠️ Naplánujte si rozvrh, nejen testy: Webové testování je náročné a tlak termínů je překážkou, na kterou narazíte jako první, následovanou opakovanými změnami kódu, které znehodnocují dokončenou práci. Definujte každý úkol v kroku 2 a sestavte z něj pracovní diagram.


