Mis on esiotsa testimine?
Eesmise osa testimine on testimistehnika, mille käigus testitakse graafilist kasutajaliidest (GUI), veebirakenduste või tarkvara funktsionaalsust ja kasutatavust. Esiotstarbe testimise eesmärk on üldiste funktsioonide testimine, et tagada veebirakenduste või tarkvara esitluskihi defektivaba järjestikuste värskendustega.
Näiteks : kui sisestate oma nime rakenduse esiosa, ei tohiks numbreid aktsepteerida. Teine näide oleks GUI elementide joondamise kontrollimine.
Peale selle Frontend testitakse:
- CSS-i regressioonitestimine: väikesed CSS-i muudatused, mis rikuvad esiplaani paigutust
- JS-failide muudatused, mis muudavad eesseadme mittetoimivaks
- Jõudluskontroll
Selles õpetuses õpime,
- Mis on frontendi testimine?
- Kuidas luua kasutajaliidese testimiskava?
- Miks luua Frontendi testimiskava?
- Näpunäiteid paremaks testimiseks
- Eesmise testimise tööriistad
- Esiosa jõudluse optimeerimine
- Eesmise jõudluse testimise tööriistad
Kuidas luua kasutajaliidese testimiskava?
Frontendi testimiskava koostamine on lihtne 4-etapiline protsess.
Samm 1) Uurige tööriistu testplaani haldamiseks
2. samm. Otsustage kasutajaliidese testimise eelarve
3. samm. Määrake kogu protsessi ajaskaala
4. samm. Otsustage kogu projekti ulatus. Reguleerimisala hõlmab järgmisi punkte
- Teie vaatajaskonna kasutajate kasutatavad operatsioonisüsteemid ja brauserid
- Populaarsed seadmed, mida vaatajaskond kasutab
- Teie publiku oskus
- Publiku Interneti-korrigeerimise kiirus
Miks luua Frontendi testimiskava?
Frontendi testimiskava aitab teil seda teha
- Brauserid
- Operatsioonisüsteemid
Teie projekt peab katma. Brauserite ja operatsioonisüsteemide kombinatsioone on lugematu arv, mille abil saate oma esiotsa proovida. Plaani olemasolu aitab teil testimisvajadusi ja raha vähendada.
Eesliidese testimise loomisega saate plaanida järgmisi eeliseid:
- See aitab teil saada täieliku selguse projekti ulatuse kohta
- Frontendi testimise läbiviimine annab ka enesekindluse projekti juurutamisel
Näpunäiteid paremaks testimiseks
Siin on mõned olulised näpunäited, mida peate parema esiplaani testimiskava loomiseks järgima:
- Valmistage mõistlikult ette oma eelarve, ressursid ja aeg.
- Kasutage peata brauserit, nii et testid sooritatakse kiiremini.
- Kiirema täitmise huvides vähendage testides DOM-i renderdamise hulka.
- Eraldage testjuhtumid, nii et vea algpõhjus määratakse kiiremini defektide parandamise tsükli jaoks
- Kiiremate regressioonitsüklite jaoks muutke testskripte korduvkasutatavaks.
- Testskriptide jaoks peaksite kasutama järjepidevat nimetamiskorda
Eesmise testimise tööriistad
Erinevate funktsioonide läbiviimiseks kasutatakse mitmeid kasulikke Frontendi testimisvahendeid. Siin on mõned neist:
Ristbrauseri testimise tööriist:
1. LambdaTest
Aastaga enam kui 100 000 kasutajat aidates on LambdaTest osutunud enimtoidetud ristbrauseri testimise platvormiks. Kasutajad saavad testkatte maksimeerimiseks teha automatiseeritud veebitesti, kasutades selle skaleeritavat, turvalist ja usaldusväärset pilvepõhist seleenivõrku 2000+ reaalse brauseri ja brauseriversiooni kombinatsioonil.
JS testimise tööriist:
2. Jasmine
See on käitumispõhine arendusraamistik JavaScripti koodi testimiseks. See tööriist keskendub rohkem ettevõtte väärtusele kui tehnilistele üksikasjadele. Sellel on puhas süntaks, mis aitab teil teste hõlpsalt kirjutada. See ei sõltu ühestki muust JavaScripti raamistikust. Seda mõjutavad tugevalt üksuste testimise raamistikud, näiteks JSSpec, ScrewUnit, JSpec ja RSpec.
Funktsionaalne testimisvahend:
3. Seleen
Seleen on kasutajaliidese testimise tööriist. See teostab otsast lõpuni testimist erinevates brauserites ja platvormides, nagu Windows, Mac ja Linux. See võimaldab teil kirjutada teste erinevates programmeerimiskeeltes, nagu Java, PHP, C # jne. Tööriist pakub salvestamise ja taasesituse funktsioone testide kirjutamiseks, ilma et oleks vaja õppida Selenium IDE-d.
CSS-i tööriist:
4. Nõel
Nõel on CSS-i testimise tööriist Front. See kontrollib, kas visuaalsed elemendid, nagu font / CSS / images, renderdatakse, tehes ekraanipilte teatud veebisaidi osadest. Pärast seda saab tööriista võrrelda mõnede teadaolevate heade ekraanipiltidega. See võimaldab testijatel arvutada ka CSS-i väärtused ja HTML-elementide asukoha.
Peate olema teadlik järgides kahte peamist väljakutset mis tahes kasutajaliidese testimise tööriista jaoks -
- Test Automation nõuab algstaadiumis palju pingutusi. Seetõttu vajab see rohkem aega ja jõupingutusi.
- Testitööriistadel võib olla mõni ühilduvusprobleem operatsioonisüsteemide ja brauseritega.
Esiosa jõudluse optimeerimine
Esiosa jõudlustestimisel kontrollitakse lehe laadimise kiirust.
Ühe kasutaja eesmise jõudluse optimeerimine on hea tava enne suure kasutajakoormusega rakenduse testimist.
Miks on esiotsa jõudluse optimeerimine oluline?
Varasem jõudluse optimeerimine tähendas serveripoole optimeerimist. Seda seetõttu, et enamik veebisaite olid enamasti staatilised ja suurem osa töötlemisest toimus serveri poolel.
Web 2.0 tehnoloogiate algusega muutuvad veebirakendused aga dünaamilisemaks. Selle tulemusel on kliendipoolne kood muutunud jõudluseks.
Mis kasu on esiotsa jõudluse optimeerimisest?
- Veebisaidi testimisel on lisaks serveri kitsaskohtadele kliendipoolse jõudluse probleemide leidmine sama oluline, kuna need mõjutavad hõlpsalt kasutaja kogemust.
- Tausttõhususe parandamine 50% võrra suurendab rakenduse üldist jõudlust 10%.
- Esipaneeli jõudluse parandamine 50% võrra suurendab aga rakenduse üldist jõudlust 40%.
- Pealegi on esiotsa jõudluse optimeerimine võrreldes taustaga lihtne ja tasuv.
Eesmise jõudluse testimise tööriistad
Lehe kiirus
Lehe kiirus on avatud lähtekoodiga jõudluse testimise lisandmoodul, mille on loonud Google. Tööriist hindab veebilehte ja annab soovitusi laadimisaja minimeerimiseks. See muudab veebilehtede otsimise kiiremaks, kui kasutajad pääsevad veebilehtedele juurde Google'i otsingumootori abil.
YSlow
YSlow on eesmise veebi jõudluse testimise tööriist. See analüüsib veebilehe toimivust, uurides kõiki lehe komponente, sealhulgas JavaScripti abil loodud komponente. Samuti mõõdetakse lehe toimivust ja pakutakse kasutajatele soovitusi.
Järeldus
- Eesmise osa testimine on kasutajaliidese funktsionaalsuse, graafilise kasutajaliidese ja kasutatavuse testimine või kontrollimine.
- Frontendi testimise põhieesmärk on tagada, et iga kasutaja oleks vigade eest hästi kaitstud.
- Eesmise testimiskava koostamine aitab teil teada saada seadmeid, brausereid ja süsteeme, mida teie projekt peab katma.
- Samuti aitab see teil saada täieliku selguse projekti ulatuse kohta
- Jasmiin, seleen, brauser, TestComplete, Needle on mõned näited Frontendi testimisriistast.