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.

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.
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
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.
- 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.
- 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.
- Kehitä testitapauksia. Muunna jokainen vaatimus konkreettisiksi vaiheiksi, joilla on odotetut tulokset, kattaen sekä onnellisen polun että käyttäjien vahingossa laukaisemat negatiiviset skenaariot.
- Määritä testiympäristö. Peilituotanto niin tarkasti kuin budjetti sallii: samat selain- ja käyttöjärjestelmäparit, vertailukelpoiset datamäärät, realistiset verkkonopeudet.
- Suorita testit. Suorita tapaukset, tallenna todelliset ja odotetut tulokset ja ota kuvakaappauksia, konsolin tulosteita ja palvelinlokeja, kun virhe on vielä toistettavissa.
- Raportti ja track vikoja. Kirjaa jokainen korjausvaiheineen ja prioriteetteineen. Testaa sitten uudelleen korjauksen jälkeen ja varmista, ettei lähellä ole mitään rikki.
- 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.

