Verkkosovellusten testaus: Kuinka testata verkkosivustoa? Tyypit

โšก ร„lykรคs yhteenveto

Verkkosovellustestaus varmistaa verkkosivuston toiminnallisuuden, kรคytettรคvyyden, kรคyttรถliittymรคn, tietokannan, yhteensopivuuden, suorituskyvyn, turvallisuuden ja joukkotarkastusten perusteella ennen julkaisua, jotta viat ilmenevรคt jo testivaiheessa maksavien kรคyttรคjien sijaan.

  • ๐Ÿงฑ Tutustu ensin arkkitehtuuriin: Yksisivuiset, monisivuiset ja progressiiviset sovellukset keskittรคvรคt riskin eri tasoille.
  • ๐Ÿ”— Aloita toiminnallisuudesta: Todista, ettรค jokainen linkki, lomake, evรคste ja kokonaisvaltainen tyรถnkulku toimii oikein, mukaan lukien negatiiviset polut.
  • ๐Ÿ–ฅ๏ธ Yhdistรค selaimet kรคyttรถjรคrjestelmiin: Renderรถinti muuttuu Chromessa Firefoxsafari, Windows, macOSja Linux, joten peitรค todellinen liikenteen sekoituksesi.
  • โšก Mittaa kuormitettuna, ei levossa: Perustason vasteajat normaalissa liikenteessรค, sitten rasitus huipun jรคlkeen katkaisupisteen lรถytรคmiseksi.
  • ๐Ÿ” Sulje tietoturva-aukot ajoissa: Estรค luvaton sivulle pรครคsy, vanhenna kรคyttรคmรคttรถmรคt istunnot, pakota salatut sivut ja etsi injektiovirheitรค.
  • ๐Ÿ” Automatisoi toistettavat, tutki loput: Skriptien regressio ja selainriippumaton ohjelmistopaketti, varaa testaajat kรคytettรคvyysarviointiin.

Ennen kuin kirjoitamme lisรครค yksityiskohtia verkkotestauksen tyypeistรค, mรครคritellรครคnpรค nopeasti verkkotestaus ja katsotaanpa, mihin se sopii toimitussyklissรค.

Mitรค on verkkosovellusten testaus?

Verkkosovellusten testauseli verkkosivustojen testaus on verkkosovelluksen tai verkkosivuston tarkistamista mahdollisten virheiden varalta ennen kuin se julkaistaan โ€‹โ€‹ja on yleisรถn saatavilla. Verkkosovellusten testaus tarkistaa verkkosovelluksen tai verkkosivuston toimivuuden, kรคytettรคvyyden, turvallisuuden, yhteensopivuuden ja suorituskyvyn.

Tรคssรค vaiheessa tarkistetaan muun muassa verkkosovelluksen tietoturva, sivuston toimivuus, sen esteettรถmyys sekรค liikuntarajoitteisille ettรค tavallisille kรคyttรคjille ja sen kyky kรคsitellรค liikennettรค.

Verkkosivusto ei ole yksi ohjelma. Se on pino: HTML, CSS ja JavaSkripti selaimessa ja lisรคksi API ja palvelimella olevia tietokantoja. Yksinรครคn lรคpรคisevรค kerros voi silti epรคonnistua, kun se kommunikoi naapurikerroksen kanssa, joten verkkotestaus tarvitsee tรคydentรคviรค tekniikoita.

Testattavien verkkosovellusten tyypit

Ennen tekniikoiden valitsemista, tunnista edessรคsi oleva arkkitehtuuri. Rakenne mรครคrittรครค, mihin viat keskittyvรคt ja miten jaat tyรถmรครคrรคn asiakkaan ja palvelimen vรคlillรค.

Archirakenne Miten se kรคyttรคytyy Mitรค tรคmรค tarkoittaa testauksen kannalta
Yhden sivun hakemus (SPA) Lataa kerran ja pรคivittรครค sitten nรคkymรคn ilman koko sivun uudelleenlatauksia. Gmail toimii nรคin. Suurin osa logiikasta vรคlittyy selaimelle: keskitytรครคn JavaSkriptin tila, dynaaminen renderรถinti ja asiakaspuolen istunnot.
Monisivuinen hakemus (MPA) Useille sivuille pรครคstiin eri reittiรค pitkin URLs, palvelinpuolella renderรถity. Yleinen verkkokaupassa ja uutissivustoilla. Navigointireitit moninkertaistuvat: testaa jokainen reitti, lomake ja uudelleenohjaus alusta loppuun.
Progressiivinen verkkosovellus (PWA) Toimii kuin natiivisovellus kรคyttรคen palvelutyรถntekijรถitรค, manifestia ja sovelluskuorta. Lisรครค offline-kรคyttรคytymisen seuranta, vanhentuneet vรคlimuistit, push-ilmoitukset ja asennuskehotteet.

Useimmat tuotteet sekoittavat nรคitรค kaavoja. Vahvista, minkรค kanssa olet tekemisissรค, ja kรคytรค sitten alla olevia kahdeksaa tekniikkaa.

Kuinka testata verkkosovellusta tai verkkosivustoa

Ohjelmistosuunnittelussa seuraavat testaustyypit/-tekniikat voidaan suorittaa verkkotestausvaatimuksistasi riippuen.

Kutakin tekniikkaa voidaan ajaa manuaalisesti tai skriptillรค, ja tรคmรค valinta maksaa enemmรคn kuin kattavuus.

Aspect Manuaalinen testaus Automaattinen testaus
Soveltuu parhaiten Kรคytettรคvyys ja tutkiva tarkastukset Regressio, selainten vรคlinen kรคyttรถ, latausajot
Nopeus toistuvilla juoksuilla Hidas; ponnistus toistuu joka syklissรค Nopea; sarja uusitaan pyynnรถstรค
Kustannusprofiili Alhainen alku, nousee jokaisella vapautuksella Korkeampi alkuun, sitten skriptien yllรคpito

1. Verkkosivuston toiminnallisuustestaus

Verkkosivuston toiminnallisuuden testaus on prosessi, joka sisรคltรครค useita testausparametreja, kuten kรคyttรถliittymรคn, API:t, tietokantatestauksen, tietoturvatestauksen, asiakas- ja palvelintestauksen sekรค verkkosivuston perustoiminnot. Toiminnallinen testaus on erittรคin kรคtevรครค ja sen avulla kรคyttรคjรคt voivat suorittaa sekรค manuaalisia ettรค automaattisia testauksia. Se suoritetaan verkkosivuston kunkin ominaisuuden toimivuuden testaamiseksi.

Verkkotestaustoimintaan kuuluvat:

Testi kaikki linkit Web-sivusi toimivat oikein ja varmista, ettei niissรค ole rikkinรคisiรค linkkejรค. Tarkistettavat linkit sisรคltรคvรคt -

  • Lรคhtevรคt linkit
  • Sisรคiset linkit
  • Anchor Linkit
  • MailLinkkeihin

Testilomakkeet toimivat odotetusti. Tรคmรค sisรคltรครค-

  • Lomakkeen komentosarjatarkistukset toimivat odotetusti. Esimerkiksi - jos kรคyttรคjรค ei tรคytรค lomakkeen pakollista kenttรครค, nรคyttรถรถn tulee virheilmoitus.
  • Tarkista, ettรค oletusarvoja tรคytetรครคn
  • Kun lomakkeiden tiedot on lรคhetetty, ne lรคhetetรครคn reaaliaikaiseen tietokantaan tai linkitetรครคn toimivaan sรคhkรถpostiosoitteeseen
  • Lomakkeet on muotoiltu optimaalisesti luettavuuden parantamiseksi

Testaa evรคsteitรค toimivat odotetusti. Evรคsteet ovat pieniรค tiedostoja, joita verkkosivustot kรคyttรคvรคt ensisijaisesti muistamaan aktiiviset kรคyttรคjรคistunnot, joten sinun ei tarvitse kirjautua sisรครคn joka kerta, kun vierailet verkkosivustolla. Evรคstetestaus sisรคltรครค

  • Testausevรคsteet (istunnot) poistetaan joko kun vรคlimuisti tyhjennetรครคn tai kun niiden voimassaolo pรครคttyy.
  • Poista evรคsteet (istunnot) ja testaa, ettรค kirjautumistietoja pyydetรครคn, kun seuraavan kerran vierailet sivustolla.

Testaa HTML ja CSS varmistaaksesi, ettรค hakukoneet voivat indeksoida sivustosi helposti. Tรคmรค sisรคltรครค

  • Tarkistetaan syntaksivirheitรค
  • Readable Vรคrimallit
  • Standardien noudattaminen. Varmista, ettรค standardeja, kuten W3C, OASIS, IETF, ISO, ECMA tai WS-I, noudatetaan.

Testaa liiketoiminnan tyรถnkulkuaโ€“ Tรคmรค sisรคltรครค

  • Testaa pรครคstรค pรครคhรคn tyรถnkulkusi/liiketoimintaskenaarioitasi, jotka vievรคt kรคyttรคjรคn useiden verkkosivujen lรคpi.
  • Testaa myรถs negatiivisia skenaarioita, jotta kun kรคyttรคjรค suorittaa odottamattoman vaiheen, verkkosovelluksessasi nรคytetรครคn asianmukainen virheilmoitus tai ohje.

Tyรถkaluja joita voidaan kรคyttรครค: QTP , IBM rationaalinen, Selenium

2. Kรคytettรคvyyden testaus

Kรคytettรคvyystestaus on nyt tullut tรคrkeรค osa kaikkia verkkopohjaisia โ€‹โ€‹projekteja. Se voi olla testaajien suorittamia kuten sinรค tai pieni kohderyhmรค samanlainen kuin verkkosovelluksen kohdeyleisรถ.

Testi sivusto suunnistus:

  • Valikoiden, painikkeiden tai linkkien sivustosi eri sivuille tulee olla helposti nรคkyvissรค ja yhdenmukaisia โ€‹โ€‹kaikilla verkkosivuilla

Testi Ishayoiden opettaman Sisรคltรถ:

  • Sisรคllรถn tulee olla luettavaa ilman kirjoitus- tai kielioppivirheitรค.
  • Mahdollisten kuvien tulee sisรคltรครค "alt"-teksti

Tyรถkaluja joita voidaan kรคyttรครค: Liitumerkki, Sisรคltรถ neliรถja Clixpy

3. Kรคyttรถliittymรคn testaus

Kun ominaisuudet ja kรคytettรคvyys pitรคvรคt paikkansa, tarkista, ettรค niiden taustalla olevat tasot kommunikoivat keskenรครคn. Kolme testattavaa aluetta ovat โ€“ sovellus, verkko ja tietokantapalvelin.

  • Sovellus: Testipyynnรถt lรคhetetรครคn oikein tietokantaan ja asiakaspuolen tuloste nรคytetรครคn oikein. Sovelluksen on havaittava mahdolliset virheet, ja ne tulee nรคyttรครค vain jรคrjestelmรคnvalvojalle, ei loppukรคyttรคjรคlle.
  • web Server: Test Web -palvelin kรคsittelee kaikki sovelluspyynnรถt ilman palvelun estoa.
  • Tietokantapalvelin: Varmista, ettรค tietokantaan lรคhetetyt kyselyt antavat odotetut tulokset.

Testaa jรคrjestelmรคn vastetta kun yhteys kolmen kerroksen vรคlillรค (Sovellus, Web ja tietokanta) ei voida vahvistaa ja asianmukainen viesti nรคytetรครคn loppukรคyttรคjรคlle.

Tyรถkaluja joita voidaan kรคyttรครค: Ranorex

4. Tietokannan testaus

Tietokanta on yksi verkkosovelluksesi kriittinen komponentti, ja sen perusteellista testaamista varten on kรคytettรคvรค stressiรค. Testaustoimintaan kuuluu mm.

  • Testaa, nรคkyykรถ kyselyitรค suoritettaessa virheitรค
  • Pรคivรคys Integrity sรคilytetรครคn tietokannan tietojen luomisen, pรคivittรคmisen tai poistamisen aikana.
  • Tarkista kyselyiden vastausaika ja hienosรครคdรค niitรค tarvittaessa.
  • Tietokannastasi haetut testitiedot nรคkyvรคt tarkasti verkkosovelluksessasi

Tyรถkaluja joita voidaan kรคyttรครค: QTP, Selenium

5. Yhteensopivuuden testaus

Yhteensopivuustestaus varmistaa, ettรค verkkosovelluksesi nรคkyy ja toimii oikein eri laitteilla. Tรคhรคn sisรคltyy:

Selaimen yhteensopivuustesti: Sama verkkosivusto eri selaimissa nรคkyy eri tavalla. Sinun on testattava, nรคkyykรถ verkkosovelluksesi oikein kaikissa selaimissa, JavaKomentosarja, AJAX ja todennus toimivat hyvin. Voit myรถs tarkistaa Puhelinnumero Selaimen yhteensopivuus.

Verkkoelementtien, kuten painikkeiden, tekstikenttien jne. renderรถinti muuttuu muuttuessa Operating System. Varmista, ettรค verkkosivustosi toimii hyvin eri yhdistelmillรค Operatusjรคrjestelmรคt, kuten Windows, Linux, Mac ja selaimet, kuten Firefox, Internet Explorer, Safari jne.

Tyรถkaluja joita voidaan kรคyttรครค: Dynatrace

6. Suorituskyvyn testaus

Tรคmรค varmistaa, ettรค sivustosi toimii kaikissa kuormissa. Testaustoimintaan kuuluvat muun muassa seuraavat:

  • Verkkosivustosovellusten vasteajat eri yhteysnopeuksilla
  • Lataustestaa verkkosovelluksesi mรครคrittรครคksesi sen kรคyttรคytymisen normaalissa ja huippukuormituksessa
  • Stressitestaa verkkosivustosi mรครคrittรครคksesi sen katkeamispisteen, kun se tyรถnnetรครคn normaalin kuormituksen ylรคpuolelle ruuhka-aikaan.
  • Testaa, jos kaatuminen tapahtuu huippukuormituksen vuoksi, kuinka sivusto toipuu tรคllaisesta tapahtumasta
  • Varmista, ettรค optimointitekniikat, kuten gzip-pakkaus, selain ja palvelinpuolen vรคlimuisti ovat kรคytรถssรค latausaikojen lyhentรคmiseksi

Tyรถkaluja joita voidaan kรคyttรครค: Loadrunner, JMeter

7. Turvatestaus

Suojaustestaus on elintรคrkeรค verkkokauppasivustoille, jotka tallentavat arkaluontoisia asiakastietoja, kuten luottokortteja. Testaustoimintaan kuuluu mm.

  • Testaa luvatonta pรครคsyรค suojatuille sivuille ei pitรคisi sallia
  • Rajoitetut tiedostot eivรคt saa olla ladattavissa ilman asianmukaista kรคyttรถoikeutta
  • Tarkistusistunnot lopetetaan automaattisesti, jos kรคyttรคjรค ei ole pitkรครคn toiminut
  • SSL-varmenteita kรคytettรคessรค verkkosivuston tulee ohjata uudelleen salatuille SSL-sivuille.

Intruder

Intruder on tehokas haavoittuvuuksien skanneri, joka auttaa sinua paljastamaan verkkosovelluksissasi ja taustalla olevassa infrastruktuurissa piilevรคt monet heikkoudet. Tarjoaa alan johtavat turvatarkastukset, jatkuvan valvonnan ja helppokรคyttรถisen alustan, Intruder pitรครค kaikenkokoiset yritykset turvassa hakkereilta.

Intruder

Ominaisuudet

  • Luokkansa paras uhkien kattavuus yli 10,000 XNUMX turvatarkastusta
  • Tarkistaa kokoonpanon heikkoudet, puuttuvat korjaustiedostot, sovellusten heikkoudet (kuten SQL-injektio ja sivustojen vรคlinen komentosarja) ja paljon muuta
  • Skannaustulosten automaattinen analyysi ja priorisointi
  • Intuitiivinen kรคyttรถliittymรค, nopea kรคyttรถรถnotto ja ensimmรคisten tarkistusten suorittaminen
  • Ennakoiva tietoturvaseuranta uusimpien haavoittuvuuksien varalta
  • AWS, Azureja Google Cloud Liittimet
  • API-integraatio CI/CD-putkilinjasi kanssa

Vierailla Intruder >>

8. Joukkotestaus

Valitset suuren mรครคrรคn ihmisiรค (joukko) suorittamaan testejรค, jotka muuten olisi tehnyt pieni sisรคinen ryhmรค. Joukkotestaus on mielenkiintoinen ja nouseva konsepti, ja se auttaa selvittรคmรครคn monia huomaamatta jรครคneitรค vikoja.

Tyรถkaluja joita voidaan kรคyttรครค: Joukkotestausalusta

Verkkosovellusten testausprosessi: Vaiheittainen opas

Kahdeksan tekniikkaa kertovat, mitรค tarkistaa. Alla oleva prosessi kertoo, milloin ne kannattaa suorittaa.

  1. Kerรครค ja selvennรค vaatimukset. Listaa, mitรค sovelluksen on tehtรคvรค ja miten sen tulisi kรคyttรคytyรค. Epรคselvรคt vaatimukset tuottavat testaamattomia odotuksia, joten ratkaise ne ensin. Tรคmรค vaihe ankkuroi verkkotestauksen laajempaan osaan. ohjelmistotestauksen elinkaari.
  2. Kirjoita testisuunnitelma. Pรครคtรค, mitรค tekniikoita kรคytetรครคn, kuka niitรค kรคyttรครค, mitรค tyรถkaluja tarvitaan ja millรค aikataululla. Suunnitelma on sinun etenemissuunnitelmasi ja arviosi.
  3. Kehitรค testitapauksia. Muunna jokainen vaatimus konkreettisiksi vaiheiksi, joilla on odotetut tulokset, kattaen sekรค onnellisen polun ettรค kรคyttรคjien vahingossa laukaisemat negatiiviset skenaariot.
  4. Mรครคritรค testiympรคristรถ. Peilituotanto niin tarkasti kuin budjetti sallii: samat selain- ja kรคyttรถjรคrjestelmรคparit, vertailukelpoiset datamรครคrรคt, realistiset verkkonopeudet.
  5. Suorita testit. Suorita tapaukset, tallenna todelliset ja odotetut tulokset ja ota kuvakaappauksia, konsolin tulosteita ja palvelinlokeja, kun virhe on vielรค toistettavissa.
  6. Raportti ja track vikoja. Kirjaa jokainen korjausvaiheineen ja prioriteetteineen. Testaa sitten uudelleen korjauksen jรคlkeen ja varmista, ettei lรคhellรค ole mitรครคn rikki.
  7. Sulje sykli. Laadi testiyhteenveto, joka sisรคltรครค testatut asiat, lรถydรถkset, avoimet asiat ja parannusehdotukset, ja hyvรคksy testi julkaisua varten.

โš ๏ธ Suunnittele aikataulu, รคlรค vain kokeita: Verkkotestaus on tyรถlรคstรค, ja deadline-paine on se este, johon tรถrmรครคt ensimmรคisenรค, ja jota seuraavat toistuvat koodimuutokset, jotka mitรคtรถivรคt valmiin tyรถn. Mรครคrittele jokainen tehtรคvรค vaiheessa 2 ja rakenna sen pohjalta tyรถkaavio.

UKK

Verkkotestaus kohdistuu selain- ja kรคyttรถjรคrjestelmรคyhdistelmiin, renderรถintiin ja palvelimen edestakaisiin matkoihin. Mobiili testaus lisรครค laitteen laitteiston, asennus- ja pรคivityspolut, keskeytykset, kuten puhelut, akun tyhjenemisen, eleet ja sovelluskaupan sรครคnnรถt.

Selainten epรคjohdonmukaisuus, laitteiden ja nรคyttรถjen monimuotoisuus, kรคyttรคjรคkohtaisesti vaihtuvat dynaamiset sivut, tiheรคt julkaisut, jotka avaavat vanhoja vikoja uudelleen, ja lyhyet mรครคrรคajat. Priorisointi todellisen liikennedatan perusteella ja regressioajojen automatisointi pitรคvรคt laajuuden hallittavana.

Tekoรคly luo testitapauksia vaatimuksista, korjaa itse paikantimet kรคyttรถliittymรคn muuttuessa, priorisoi commitin jรคlkeen suoritettavat testipaketit ja merkitsee visuaalisia eroja. AI-testaustyรถkalut sovella tรคtรค regressioon ja selainten vรคliseen tyรถhรถn.

Ei. Generatiiviset tekoรคlytestaustyรถkalut nopeuttavat skriptien kirjoittamista ja virheiden triagea, mutta eivรคt pysty arvioimaan, tuntuuko tyรถnkulku hรคmmentรคvรคltรค, tai pรครคttรคmรครคn, mikรค kรคyttรคjille on tรคrkeรครค. Ihmistestaajilla on edelleen oma kรคytettรคvyys- ja tutkiva harkintakykynsรค.

Kyllรค. Esteettรถmyystestaus sijaitsee kรคytettรคvyystestien sisรคllรค ja tarkistaa nรคppรคimistรถn navigoinnin, nรคytรถnlukuohjelman tulosteen, vรคrikontrastin ja alt-tekstin WCAG-standardien mukaisesti. Monilla markkinoilla se on lakisรครคteinen vaatimus, ei valinnainen lisรค.

Tiivistรค tรคmรค viesti seuraavasti: