Mis on esiotsa testimine?

Esiosa testimine on testimistehnika, mille käigus testitakse graafilist kasutajaliidest (GUI), veebirakenduste või tarkvara funktsionaalsust ja kasutatavust. Esiotsa testimise eesmärk on testida üldisi funktsioone, tagamaks, et veebirakenduste või tarkvara esitluskiht on järjestikuste värskendustega defektideta.

Näiteks: kui sisestate oma nime rakenduse esiküljele, ei tohiks numbreid aktsepteerida. Teine näide oleks GUI elementide joonduse kontrollimine.

Peale selle Frontendi testimise viiakse läbi:

CSS-i regressioonitestimine: väikesed CSS-i muudatused, mis rikuvad kasutajaliidese paigutust
Muudatused JS-failides, mis muudavad kasutajaliidese mittefunktsionaalseks
Jõudluskontrollid

Kuidas luua Frontendi veebisaidi testimise kava?

Frontendi testimisplaani loomine on lihtne neljaastmeline protsess.

Step 1) Tutvuge testimisplaani haldamise tööriistadega

Step 2) Otsustage esiotsa testimise eelarve

Step 3) Määrake kogu protsessi ajaskaala

Step 4) Otsustage kogu projekti ulatus. Ulatus hõlmab järgmisi üksusi

Kasutajate kasutatavad OS ja brauserid teie vaatajaskonna Interneti-teenuse pakkuja plaanid
Publiku kasutatavad populaarsed seadmed
Oma publiku vilumus
Publiku Interneti-paranduskiirus

Miks luua Frontendi testimisplaan?

Frontendi testimise plaan aitab teil kindlaks teha

Brauserid
Operating Systems

Teie projekt peab katma. Seal on lugematu arv brauserite ja OS-i kombinatsioone, mille abil saate oma esiosa testida. Plaani omamine aitab teil testimiskulusid ja raha vähendada.

Esiosa testimise loomisel saate järgmised eelised:

See aitab teil saada täielikku selgust projekti ulatuse kohta
Esiosa testimine annab ka kindlustunde projekti juurutamisel

Näpunäiteid paremaks kasutajaliidese testimiseks

Siin on mõned olulised näpunäited, mida peate parema kasutajaliidese testimisplaani koostamiseks järgima.

Valmistage oma eelarve, ressursid ja aeg arukalt ette.
Kasutage peata brauserit, nii et testid täidetakse kiiremini.
Kiiremaks täitmiseks vähendage testides DOM-i renderdamise hulka.
Eraldage testjuhtumid, nii et vea algpõhjus tuvastatakse kiirema veaparandustsükli jaoks kiiresti
Kiiremate regressioonitsüklite jaoks muutke oma testskriptid korduvkasutatavaks.
Peaksite oma testskriptide jaoks kasutama ühtset nimetamise tava

Esiotsa testimise tööriistad

Erinevate funktsioonide läbiviimiseks kasutatakse hulgaliselt kasulikke Frontendi testimistööriistu. Siin on mõned neist:

JS testimise tööriist:

1. jasmiin

See on käitumispõhine arendusraamistik, mida testida JavaSkripti kood. Tööriist keskendub rohkem äriväärtusele kui tehnilistele üksikasjadele. Sellel on puhas süntaks, mis aitab teil teste hõlpsalt kirjutada. See ei sõltu ühestki teisest JavaSkripti raamistikud. Seda mõjutavad tugevalt üksuste testimise raamistikud, nagu JSSpec, ScrewUnit, JSpec ja RSpec.

Funktsionaalne testimise tööriist:

2. Selenium

Selenium on esiosa testimise tööriist. See testib otsast lõpuni erinevates brauserites ja platvormides, näiteks Windows, Mac ja Linux. See võimaldab teil kirjutada teste erinevates programmeerimiskeeltes, näiteks Java, PHP, C# jne. Tööriist pakub salvestus- ja taasesitusfunktsioone testide kirjutamiseks ilma õppimiseta Selenium SDI.

CSS-i tööriist:

3. CSSLint

CSSLint on avatud lähtekoodiga tööriist, mis on sisse kirjutatud JavaSkript. Seda peetakse CSS-i lintimise turuliidriks. CSSLint on väga tõhus esiotsa tööriist, kuna see ei tööta ainult brauserites, vaid sellel on ka käsurea liides.

4. BackstopJS

BackstopJS raamistik on sisse kirjutatud Javascript ja mõeldud visuaalse regressiooni testimiseks. Tööriist võimaldab teil hõlpsalt ja kiiresti konfigureerida katseparameetreid erinevate vaateava suuruste ja läbimise/ebaõnnestumise tingimuste jaoks.

Peate olema teadlik kahest peamisest väljakutsest mis tahes kasutajaliidese testimise tööriista puhul:

Testimise automatiseerimine nõuab algfaasis palju pingutusi. Seetõttu vajab see rohkem aega ja pingutusi.
Testtööriistadel võib olla mõningaid ühilduvusprobleeme Operating Systems ja brauserid.

Esiotsa jõudluse optimeerimine

Esiotsa jõudluse testimine kontrollib „Kui kiiresti leht laaditakse”.

Esiotsa jõudluse optimeerimine ühe kasutaja jaoks on hea tava enne suure kasutajakoormusega rakenduse testimist.

Miks on esiotsa jõudluse optimeerimine oluline?

Varasem jõudluse optimeerimine tähendas serveripoolset optimeerimist. Seda seetõttu, et enamik veebisaite olid enamasti staatilised ja suurem osa töötlusest toimus serveri poolel.

Web 2.0 tehnoloogiate algusega muutuvad veebirakendused aga dünaamilisemaks. Selle tulemusena on kliendipoolsest koodist saanud jõudlushoog.

Mis kasu on esiotsa jõudluse optimeerimisest?

Veebisaidi testimisel on lisaks serveri kitsaskohtadele sama oluline ka kliendipoolsete jõudlusprobleemide leidmine, kuna need mõjutavad hõlpsalt kasutajakogemust.
Tausta jõudluse parandamine 50% võrra suurendab rakenduse üldist jõudlust 10%.
Esiotsa jõudluse parandamine 50% võrra suurendab aga rakenduse üldist jõudlust 40%.
Lisaks on esiotsa jõudluse optimeerimine lihtsam ja kulutõhusam kui tagaosa.

Esiotsa jõudluse testimise tööriistad

1. Page Speed

Lehekülje kiirus on Google'i käivitatud avatud lähtekoodiga toimivustesti lisandmoodul. Tööriist hindab veebilehte ja annab soovitusi laadimisaja minimeerimiseks. See muudab veebilehtede otsimise kiiremaks, kui kasutajad pääsevad veebilehtedele Google'i otsingumootori abil.

2. Pingdom

Pingdom on veebisait ja jõudluse jälgimise tööriist, mis on mõeldud veebi kiiremaks ja töökindlamaks muutmiseks. Selle tööriista abil saavad kliendid kõigist probleemidest märku, et nad saaksid keskenduda oma igapäevasele tegevusele.

Funktsioonid:

Uurige veebilehe kõiki osi
Esitage toimivuse ülevaade
Jälgige oma toimivusajalugu
Võimaldab testida mitmest kohast

Järeldus

Esiosa testimine on kasutajaliidese funktsionaalsuse, GUI ja kasutatavuse testimine või kontrollimine.
Frontendi testimise peamine eesmärk on tagada, et iga kasutaja on vigade eest hästi kaitstud.
Esiosa testimisplaani koostamine aitab teil teada seadmeid, brausereid ja süsteeme, mida teie projekt peab hõlmama.
Samuti aitab see teil saada täielikku selgust projekti ulatuse kohta
jasmiin, Selenium, Brauser, TestComplete, CSSLint on mõned näited Frontendi testimistööriistadest.