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.

  • 🧱 Prvo upoznajte arhitekturu: Jednostranične, višestranične i progresivne aplikacije koncentriraju rizik u različitim slojevima.
  • 🔗 Započnite s funkcionalnošću: Dokažite da svaka poveznica, obrazac, kolačić i cijeli tijek rada ispravno funkcionira, uključujući negativne putanje.
  • 🖥️ Upari preglednike s operativnim sustavima: Pomicanje renderiranja u Chromeu, Firefox, safari, Windows, macOSi Linux, stoga pokrijte svoj stvarni miks prometa.
  • ⚡ Mjerenje pod opterećenjem, a ne u mirovanju: Osnovna vremena odziva pri normalnom prometu, zatim opterećenje nakon vršne vrijednosti kako bi se pronašla točka prekida.
  • 🔐 Rano zatvorite sigurnosne propuste: Blokirajte neovlašteni pristup stranicama, isteknite neaktivne sesije, prisilno šifrirajte stranice i skenirajte za greške ubrizgavanja.
  • 🔁 Automatizirajte ponovljivo, istražite ostalo: Regresija skripti i paketi za više preglednika, rezervirajte testere za procjenu upotrebljivosti.

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.

Intruder

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

Posjetiti Intruder >>

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.

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

Pitanja i odgovori

Web testiranje cilja kombinacije preglednika i operativnih sustava, renderiranje i povratne veze s poslužiteljem. Mobilno testiranje dodaje hardver uređaja, putove instalacije i nadogradnje, prekide poput poziva, pražnjenja baterije, geste i pravila trgovine aplikacija.

Nedosljednost preglednika, raznolikost uređaja i zaslona, ​​dinamičke stranice koje se mijenjaju po korisniku, česta izdanja koja ponovno otvaraju stare nedostatke i kratki rokovi. Određivanje prioriteta prema stvarnim podacima o prometu i automatizacija regresijskih pokretanja održavaju opseg upravljivim.

Umjetna inteligencija generira testne slučajeve iz zahtjeva, samostalno ispravlja lokatore kada se sučelje promijeni, određuje prioritete koji se paketi pokreću nakon commita i označava vizualne razlike. Alati za testiranje umjetne inteligencije primijenite ovo na regresiju i rad u više preglednika.

Ne. Generativni alati za testiranje umjetne inteligencije ubrzati pisanje skripti i trijažu grešaka, ali ne mogu procijeniti je li tijek rada zbunjujući ili odlučiti što je važno korisnicima. Ljudski testeri i dalje posjeduju upotrebljivost i istraživačku prosudbu.

Da. Testiranje pristupačnosti nalazi se unutar rada na upotrebljivosti i provjerava navigaciju tipkovnicom, izlaz čitača zaslona, ​​kontrast boja i alternativni tekst u odnosu na WCAG. Na mnogim tržištima to je zakonski zahtjev, a ne opcionalni dodatak.

Sažmite ovu objavu uz: