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.

  • 🧱 Nejprve se seznamte s architekturou: Jednostránkové, vícestránkové a progresivní aplikace koncentrují riziko v různých vrstvách.
  • 🔗 Začněte s funkčností: Prokažte, že každý odkaz, formulář, soubor cookie a komplexní pracovní postup fungují správně, včetně negativních cest.
  • 🖥️ Spárování prohlížečů s operačními systémy: Posuny vykreslování v Chromu, FirefoxSafari Windows, macOSa Linux, takže pokryjte svůj skutečný mix provozu.
  • Měření pod zátěží, nikoli v klidu: Základní doby odezvy za normálního provozu, poté stres za vrcholem pro nalezení bodu zlomu.
  • 🔐 Včasné odstranění bezpečnostních mezer: Blokujte neoprávněný přístup ke stránkám, ukončete platnost nečinných relací, vynuťte šifrování stránek a skenujte chyby vkládání.
  • 🔁 Automatizujte opakovatelné procesy, prozkoumejte zbytek: Regresní skripty a sady pro různé prohlížeče, testery nechte pro posouzení použitelnosti.

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.

Intruder

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

Návštěva Intruder >>

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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ě.
  5. 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é.
  6. 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.
  7. 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.

Nejčastější dotazy

Webové testování se zaměřuje na kombinace prohlížečů a operačních systémů, vykreslování a přenosy dat ze serveru. Mobilní testování přidává hardware zařízení, cesty instalace a upgradu, přerušení, jako jsou hovory, vybíjení baterie, gesta a pravidla obchodu s aplikacemi.

Nekonzistence prohlížečů, rozmanitost zařízení a obrazovek, dynamické stránky, které se mění podle uživatele, časté verze, které znovu otevírají staré chyby, a krátké termíny. Stanovení priorit na základě reálných dat o provozu a automatizace regresních běhů udržují rozsah spravovatelný.

Umělá inteligence generuje testovací případy z požadavků, sama opravuje lokátory při změně rozhraní, upřednostňuje spuštění sad po commitu a označuje vizuální rozdíly. Nástroje pro testování AI aplikujte to na regresi a práci napříč prohlížeči.

Ne. Nástroje pro generativní testování umělé inteligence urychlují psaní skriptů a třídění chyb, ale nemohou posoudit, zda je pracovní postup matoucí, ani rozhodnout, na čem je pro uživatele důležité. Lidští testeři stále vlastní úsudek o použitelnosti a průzkumu.

Ano. Testování přístupnosti nachází se v rámci testů použitelnosti a kontroluje navigaci na klávesnici, výstup čtečky obrazovky, barevný kontrast a alternativní text podle standardů WCAG. Na mnoha trzích je to zákonný požadavek, nikoli volitelný doplněk.

Shrňte tento příspěvek takto: