Testiranje web aplikacija: Kako testirati web stranicu? Vrste
⚡ Pametni sažetak
Testiranje web aplikacija provjerava web stranicu u pogledu funkcionalnosti, upotrebljivosti, sučelja, baze podataka, kompatibilnosti, performansi, sigurnosti i provjera mnoštva prije objavljivanja, tako da se nedostaci pojavljuju tijekom testiranja, a ne pred korisnicima koji plaćaju.

Prije nego što detaljnije objasnimo vrste web testiranja, ukratko definirajmo web testiranje i pogledajmo gdje se ono uklapa u ciklus isporuke.
Što je testiranje web aplikacija?
Testiranje web aplikacija, ili testiranje web stranice, je provjera vaše web aplikacije ili web stranice na potencijalne greške prije nego što se objavi i postane dostupna široj javnosti. Testiranje web aplikacije provjerava funkcionalnost, upotrebljivost, sigurnost, kompatibilnost i performanse web aplikacije ili web stranice.
Tijekom ove faze provjeravaju se pitanja poput sigurnosti web aplikacije, funkcioniranja stranice, pristupa osobama s invaliditetom, kao i redovitim korisnicima, te sposobnost upravljanja prometom.
Web stranica nije jedan program. To je skup: HTML, CSS i JavaSkripta u pregledniku, plus Apis i baze podataka na poslužitelju. Sloj koji prolazi sam može i dalje propasti nakon što komunicira sa svojim susjedom, stoga web testiranje treba komplementarne tehnike.
Vrste web aplikacija koje trebate testirati
Prije odabira tehnika, identificirajte arhitekturu pred sobom. Struktura određuje gdje se koncentriraju nedostaci i kako ćete raspodijeliti trud između klijenta i poslužitelja.
| Architektura | Kako se ponaša | Što ovo znači za testiranje |
|---|---|---|
| Aplikacija na jednoj stranici (SPA) | Učitava se jednom, a zatim ažurira prikaz bez ponovnog učitavanja cijele stranice. Gmail funkcionira na ovaj način. | Većina logike se šalje pregledniku: fokus na JavaStanje skripte, dinamičko renderiranje i sesije na strani klijenta. |
| Višestranična aplikacija (MPA) | Do mnogih stranica se došlo odvojenim rutama URLs, prikazano na strani poslužitelja. Uobičajeno za e-trgovinu i stranice s vijestima. | Navigacijski putevi se množe: testirajte svaku rutu, obrazac i preusmjeravanje od početka do kraja. |
| Progresivna web-aplikacija (PWA) | Radi kao izvorna aplikacija koristeći servisne radnike, manifest i ljusku aplikacije. | Dodajte ponašanje izvan mreže, zastarjele predmemorije, push obavijesti i upute za instalaciju. |
Većina proizvoda miješa ove obrasce. Potvrdite s kojim imate posla, a zatim prođite kroz osam tehnika u nastavku.
Kako testirati web aplikaciju ili web stranicu
U softverskom inženjerstvu mogu se izvesti sljedeće vrste/tehnike testiranja ovisno o vašim zahtjevima za web testiranje.
Svaka se tehnika može izvoditi ručno ili pomoću skripte, a taj izbor određuje veće troškove od pokrivenosti.
| Aspekt | Ručno testiranje | Automatizirano testiranje |
|---|---|---|
| Najprikladniji za | Upotrebljivost i istraživački Provjere | Regresija, višepreglednik, učitavanje izvršavanja |
| Brzina pri ponovljenim trčanjima | Sporo; napor se ponavlja svaki ciklus | Brzo; repriza se izvodi na zahtjev |
| Profil troškova | Niska početna cijena, raste sa svakim izdanjem | Veći početni iznos, zatim održavanje skripte |
1. Testiranje funkcionalnosti web stranice
Testiranje funkcionalnosti web stranice je proces koji uključuje nekoliko parametara testiranja kao što su korisničko sučelje, API-ji, testiranje baze podataka, testiranje sigurnosti, testiranje klijenta i poslužitelja i osnovne funkcionalnosti web stranice. Funkcionalno testiranje je vrlo praktično i omogućuje korisnicima ručno i automatizirano testiranje. Izvodi se radi testiranja funkcionalnosti svake značajke na web stranici.
Aktivnosti web testiranja uključuju:
test svi linkovi na vašim web-stranicama rade ispravno i provjerite nema pokvarenih veza. Veze koje treba provjeriti uključivat će –
- Odlazne veze
- Unutarnje veze
- Anchor linkovi
- MailNa Veze
Obrasci za testiranje rade prema očekivanjima. Ovo će uključivati-
- Provjere skripte na obrascu rade prema očekivanjima. Na primjer, ako korisnik ne ispuni obavezno polje u obrascu, prikazuje se poruka o pogrešci.
- Provjerite popunjavaju li se zadane vrijednosti
- Nakon slanja, podaci u obrascima šalju se u živu bazu podataka ili se povezuju s radnom adresom e-pošte
- Obrasci su optimalno oblikovani za bolju čitljivost
Testirajte kolačiće rade prema očekivanjima. Kolačići su male datoteke koje web-mjesta koriste za prvenstveno pamćenje aktivnih korisničkih sesija tako da se ne morate prijavljivati svaki put kada posjetite web-mjesto. Testiranje kolačića će uključivati
- Testni kolačići (sesije) brišu se ili kada se predmemorija očisti ili kada im istekne.
- Izbrišite kolačiće (sesije) i provjerite traže li se vjerodajnice za prijavu kada sljedeći put posjetite stranicu.
Testirajte HTML i CSS kako biste osigurali da tražilice mogu lako indeksirati vašu stranicu. Ovo će uključivati
- Provjera grešaka u sintaksi
- Readable Sheme boja
- Usklađenost sa standardima. Osigurajte poštivanje standarda kao što su W3C, OASIS, IETF, ISO, ECMA ili WS-I.
Testirajte poslovni tijek rada– Ovo će uključivati
- Testiranje vašeg tijeka rada/poslovnih scenarija od kraja do kraja koji korisnika vodi kroz niz web stranica koje treba dovršiti.
- Testirajte i negativne scenarije, tako da kada korisnik izvrši neočekivani korak, odgovarajuća poruka o pogrešci ili pomoć se prikaže u vašoj web aplikaciji.
Alati koji se mogu koristiti: QTP , IBM Racionalno, Selenium
2. Ispitivanje upotrebljivosti
Ispitivanje upotrebljivosti sada je postao vitalni dio svakog web projekta. To može biti provode ispitivači kao ti ili mala fokus grupa slično ciljanoj publici web aplikacije.
test mjestu navigacija:
- Izbornici, gumbi ili veze na različite stranice na vašem web-mjestu trebaju biti lako vidljivi i dosljedni na svim web-stranicama
test o Sadržaj:
- Sadržaj mora biti čitljiv bez pravopisnih ili gramatičkih pogrešaka.
- Slike ako postoje trebaju sadržavati "alt" tekst
Alati koji se mogu koristiti: Oznaka od krede, Sadržaj kvadrat, i Clixpy
3. Testiranje sučelja
Nakon što se značajke i upotrebljivost održe na razini, provjerite komuniciraju li slojevi iza njih međusobno. Tri područja koja treba testirati su – aplikacija, web i poslužitelj baze podataka.
- Primjena: Testni zahtjevi se ispravno šalju u bazu podataka, a izlaz na strani klijenta ispravno se prikazuje. Pogreške, ako ih ima, mora uhvatiti aplikacija i moraju se prikazati samo administratoru, a ne krajnjem korisniku.
- web poslužitelj: Testni web poslužitelj obrađuje sve zahtjeve aplikacija bez odbijanja usluge.
- Poslužitelj baze podataka: Provjerite da li upiti poslani u bazu podataka daju očekivane rezultate.
Testirajte odziv sustava kada veza između tri sloja (Aplikacija, web i baza podataka) ne može se ustanoviti i odgovarajuća poruka se prikazuje krajnjem korisniku.
Alati koji se mogu koristiti: Ranorex
4. Testiranje baze podataka
Baza podataka je kritična komponenta vaše web aplikacije i potrebno ju je temeljito testirati. Aktivnosti testiranja će uključivati-
- Testirajte prikazuju li se pogreške tijekom izvršavanja upita
- Datum Integrity održava se tijekom kreiranja, ažuriranja ili brisanja podataka u bazi podataka.
- Provjerite vrijeme odgovora na upite i fino ga podesite ako je potrebno.
- Testni podaci dohvaćeni iz vaše baze podataka točno se prikazuju u vašoj web aplikaciji
Alati koji se mogu koristiti: QTP, Selenium
5. Testiranje kompatibilnosti
Testiranje kompatibilnosti osigurava da se vaša web aplikacija ispravno prikazuje i ponaša na različitim uređajima. To uključuje:
Test kompatibilnosti preglednika: Ista web stranica u različitim preglednicima prikazat će se drugačije. Morate testirati prikazuje li se vaša web aplikacija ispravno u svim preglednicima, JavaSkripta, AJAX i provjera autentičnosti rade dobro. Također možete provjeriti za Kontakt broj Kompatibilnost preglednika.
Prikaz web elemenata poput gumba, tekstualnih polja itd. mijenja se s promjenom Operating sustav. Pobrinite se da vaša web stranica dobro funkcionira za različite kombinacije Operating sustavi kao što su Windows, Linux, Mac i preglednici kao što su Firefox, Internet Explorer, Safari itd.
Alati koji se mogu koristiti: Dynatrace
6. Ispitivanje performansi
To će osigurati da vaša stranica radi pod svim opterećenjima. Aktivnosti testiranja uključivat će, ali neće biti ograničene na –
- Vrijeme odgovora aplikacije web stranice pri različitim brzinama veze
- Testirajte svoju web aplikaciju pod opterećenjem kako biste utvrdili njezino ponašanje pod normalnim i vršnim opterećenjima
- Testirajte svoju web-stranicu pod stresom kako biste odredili njezinu točku prijelaza kada je gurnuta iznad normalnih opterećenja u vrijeme najveće potrošnje.
- Testirajte ako dođe do pada zbog vršnog opterećenja, kako se stranica oporavlja od takvog događaja
- Uvjerite se da su tehnike optimizacije kao što su gzip kompresija, predmemorija na strani preglednika i poslužitelja omogućene kako biste smanjili vrijeme učitavanja
Alati koji se mogu koristiti: Loadrunner, JMeter
7. Ispitivanje sigurnosti
Ispitivanje sigurnosti od vitalne je važnosti za web stranice e-trgovine koje pohranjuju osjetljive podatke o klijentima poput kreditnih kartica. Aktivnosti testiranja će uključivati-
- Neovlašteni pristup testa sigurnim stranicama ne bi trebao biti dopušten
- Ograničene datoteke ne bi se trebale moći preuzimati bez odgovarajućeg pristupa
- Provjere se automatski prekidaju nakon duže neaktivnosti korisnika
- Prilikom korištenja SSL certifikata, web-mjesto bi trebalo preusmjeriti na šifrirane SSL stranice.
Intruder
Intruder je snažan skener ranjivosti koji će vam pomoći otkriti mnoge slabosti koje vrebaju u vašim web aplikacijama i temeljnoj infrastrukturi. Nudeći sigurnosne provjere vodeće u industriji, kontinuirani nadzor i platformu jednostavnu za korištenje, Intruder štiti tvrtke svih veličina od hakera.
Značajke
- Najbolja pokrivenost prijetnji u klasi s preko 10,000 sigurnosnih provjera
- Provjerava konfiguracijske slabosti, zakrpe koje nedostaju, slabosti aplikacija (kao što je SQL injection & cross-site scripting) i više
- Automatska analiza i prioritizacija rezultata skeniranja
- Intuitivno sučelje, brzo za postavljanje i pokretanje vaših prvih skeniranja
- Proaktivno sigurnosno praćenje za najnovije ranjivosti
- AWS, Azurei Google Cloud priključci
- API integracija s vašim CI/CD cjevovodom
8. Množično testiranje
Odabrat ćete veliki broj ljudi (gomilu) za izvršavanje testova koje bi inače izvršila mala interna grupa. Testiranje putem mase je zanimljiv i obećavajući koncept koji pomaže u otkrivanju mnogih nezapaženih nedostataka.
Alati koji se mogu koristiti: Platforma za masovno testiranje
Proces testiranja web aplikacije: Korak po korak
Osam tehnika vam govori što provjeriti. Postupak u nastavku vam govori kada ih pokrenuti.
- Prikupiti i razjasniti zahtjeve. Navedite što aplikacija mora raditi i kako bi se trebala ponašati. Dvosmisleni zahtjevi stvaraju očekivanja koja se ne mogu testirati, stoga ih prvo riješite. Ovaj korak učvršćuje web testiranje u širem kontekstu. životni ciklus testiranja softvera.
- Napišite plan testiranja. Odlučite koje se tehnike primjenjuju, tko ih provodi, koji su alati potrebni i u kojem vremenskom okviru. Plan je vaš plan i vaša procjena.
- Razviti testne slučajeve. Pretvorite svaki zahtjev u konkretne korake s očekivanim rezultatima, pokrivajući i sretan put i negativne scenarije koje korisnici slučajno aktiviraju.
- Postavite testno okruženje. Zrcalite produkciju što je točnije moguće koliko vam proračun dopušta: isti parovi preglednika i operativnih sustava, usporedive količine podataka, realne brzine mreže.
- Izvršite testove. Pokrenite slučajeve, zabilježite stvarne u odnosu na očekivane rezultate i snimite snimke zaslona, izlaz konzole i zapisnike poslužitelja dok je kvar još uvijek moguće reproducirati.
- Izvješće i track nedostataka. Zabilježite svaki korak s koracima za reprodukciju i prioritetom, a zatim ponovno testirajte nakon popravka i potvrdite da ništa u blizini nije pokvareno.
- Zatvorite ciklus. Izradite sažetak testiranja koji obuhvaća što je testirano, što je pronađeno, što je još otvoreno i što treba poboljšati, a zatim odobrite objavu.
⚠️ Planirajte raspored, ne samo testove: Web testiranje je naporno, a pritisak rokova je prepreka na koju prvo nailazite, nakon čega slijede ponovljene promjene koda koje poništavaju završeni rad. Definirajte svaki zadatak u koraku 2 i iz njega izradite radni dijagram.

