Kas ir testēšana priekšpusē?
Front End Testing ir testēšanas paņēmiens, kurā tiek pārbaudīta grafiskā lietotāja saskarne (GUI), tīmekļa lietojumprogrammu vai programmatūras funkcionalitāte un lietojamība. Front end testēšanas mērķis ir pārbaudīt vispārējās funkcijas, lai nodrošinātu, ka tīmekļa lietojumprogrammu vai programmatūras prezentācijas slānim nav defektu, veicot secīgus atjauninājumus.
Piemēram : Ja ievadāt savu vārdu lietojumprogrammas priekšējā daļā, numurus nedrīkst pieņemt. Cits piemērs būtu GUI elementu izlīdzināšanas pārbaude.
Izņemot šo Frontend testēšanu veic:
- CSS regresijas testēšana: Nelielas CSS izmaiņas, kas izjauc priekšgala izkārtojumu
- Izmaiņas JS failos, kas priekšpusi padara nedarbīgu
- Veiktspējas pārbaudes
Šajā apmācībā mēs iemācīsimies,
- Kas ir frontend testēšana?
- Kā izveidot frontend vietnes testēšanas plānu?
- Kāpēc jāizveido Frontend testēšanas plāns?
- Padomi labākai frontend testēšanai
- Front-end testēšanas rīki
- Front-End veiktspējas optimizācija
- Front-end veiktspējas pārbaudes rīki
Kā izveidot frontend vietnes testēšanas plānu?
Frontend testēšanas plāna izveide ir vienkāršs četrpakāpju process.
1. solis. Uzziniet rīkus testa plāna pārvaldībai
2. solis. Izlemiet priekšējās daļas testēšanas budžetu
3. solis. Iestatiet visa procesa laika skalu
4. solis. Izlemiet visu projekta apjomu. Darbības joma ietver šādus priekšmetus
- OS un pārlūkprogrammas, kuras lietotāji izmanto jūsu auditorijas ISP plānos
- Populāras ierīces, ko izmanto auditorija
- Jūsu auditorijas prasme
- Interneta auditorijas korekcijas ātrums
Kāpēc jāizveido Frontend testēšanas plāns?
Frontend testēšanas plāns palīdz jums noteikt
- Pārlūkprogrammas
- Operētājsistēmas
Jūsu projektam ir jāaptver. Ir neskaitāmas pārlūkprogrammu un OS kombinācijas, kurās varat pārbaudīt savu priekšējo daļu. Plāna izveidošana palīdzēs samazināt testēšanas piepūli un naudu.
Izveidojot frontend testēšanu, plānojiet iegūt šādas priekšrocības:
- Tas jums palīdz iegūt pilnīgu skaidrību par projekta apjomu
- Frontend testēšanas veikšana arī dod pārliecību par projekta ieviešanu
Padomi labākai frontend testēšanai
Šeit ir daži svarīgi padomi, kas jums jāievēro, lai izveidotu labāku priekšējās testēšanas plānu:
- Apdomīgi sagatavojiet savu budžetu, resursus un laiku.
- Izmantojiet pārlūku bez galvas, lai testi tiktu izpildīti ātrāk.
- Samaziniet DOM renderēšanas apjomu testos, lai veiktu ātrāku izpildi.
- Izolējiet testa gadījumus, tāpēc kļūdas pamatcēlonis tiek ātri noteikts ātrākam defektu novēršanas ciklam
- Izmantojiet savus testa skriptus atkārtoti lietojamiem, lai ātrāki regresijas cikli.
- Pārbaudes skriptiem jāizmanto konsekventa nosaukumu piešķiršanas kārtība
Front-end testēšanas rīki
Lai veiktu dažādas funkcijas, tiek izmantoti vairāki noderīgi Frontend testēšanas rīki. Šeit ir daži no tiem:
Pārlūkprogrammu testēšanas rīks:
1. LambdaTest
Palīdzot vairāk nekā 100 000+ lietotājiem gadā, LambdaTest ir izrādījusies visiecienītākā Cross Browser Testing platforma. Lietotāji var veikt automatizētu tīmekļa testēšanu, izmantojot tā mērogojamo, drošo un uzticamo mākoņa selēna režģi, izmantojot vairāk nekā 2000 reālu pārlūkprogrammu un pārlūka versiju kombināciju, lai maksimizētu jūsu testa pārklājumu.
JS testēšanas rīks:
2. Jasmīna
Tas ir uz uzvedību balstīts izstrādes ietvars, lai pārbaudītu JavaScript kodu. Šis rīks vairāk koncentrējas uz biznesa vērtību, nevis uz tehnisko informāciju. Tam ir tīra sintakse, kas palīdz jums viegli rakstīt testus. Tas nav atkarīgs no citiem JavaScript rāmjiem. To lielā mērā ietekmē vienību testēšanas ietvari, piemēram, JSSpec, ScrewUnit, JSpec un RSpec.
Funkcionālais testēšanas rīks:
3. Selēns
Selēns ir frontend testēšanas rīks. Tas veic testēšanu no gala līdz beigām dažādās pārlūkprogrammās un platformās, piemēram, Windows, Mac un Linux. Tas ļauj jums rakstīt testus dažādās programmēšanas valodās, piemēram, Java, PHP, C # utt. Šis rīks piedāvā ierakstu un atskaņošanas funkcijas, lai rakstītu testus, bez nepieciešamības apgūt Selenium IDE.
CSS rīks:
4. Adata
Adata ir priekšējais testēšanas rīks CSS testēšanai. Tas pārbauda, vai vizuālie elementi, piemēram, fonts / CSS / attēli, tiek atveidoti pareizi, veicot ekrānuzņēmumus no noteiktām jūsu vietnes daļām. Pēc tam rīks tiek salīdzināts ar dažiem zināmiem labiem ekrānuzņēmumiem. Tas arī ļauj testētājiem aprēķināt CSS vērtības un HTML elementu pozīciju.
Jums jāapzinās divi galvenie uzdevumi, kas saistīti ar jebkuru frontend testēšanas rīku -
- Testa automatizācija sākotnējā posmā prasa daudz pūļu. Tāpēc tam nepieciešams vairāk laika un pūļu.
- Pārbaudes rīkiem var būt dažas saderības problēmas ar operētājsistēmām un pārlūkiem.
Front-End veiktspējas optimizācija
Front-end veiktspējas pārbaude pārbauda "Cik ātri lapa tiek ielādēta".
Lietotnes veiktspējas optimizēšana vienam lietotājam ir laba prakse pirms lietojumprogrammas testēšanas ar lielu lietotāju slodzi.
Kāpēc priekšējās daļas veiktspējas optimizācija ir svarīga?
Agrāka veiktspējas optimizācija nozīmēja servera puses optimizāciju. Tas ir tāpēc, ka lielākā daļa vietņu galvenokārt bija statiskas, un lielākā daļa apstrādes tika veikta servera pusē.
Tomēr, sākoties Web 2.0 tehnoloģijām, tīmekļa lietojumprogrammas kļūst dinamiskākas. Tā rezultātā klienta puses kods ir kļuvis par veiktspējas cūku.
Kāds ir priekšgala veiktspējas optimizācijas ieguvums?
- Vietnes testēšanā ne vien servera vājās vietas, bet arī klienta puses veiktspējas problēmas ir tikpat svarīgas, jo tās viegli ietekmē lietotāja pieredzi.
- Uzlabojot aizmugures veiktspēju par 50%, kopējais lietojumprogrammas veiktspēja palielināsies par 10%.
- Tomēr, uzlabojot priekšgala veiktspēju par 50%, kopējais lietojumprogrammas veiktspēja palielināsies par 40%.
- Turklāt priekšējās daļas veiktspējas optimizācija ir vienkārša un rentabla, salīdzinot ar aizmuguri.
Front-end veiktspējas pārbaudes rīki
Lapas ātrums
Lapas ātrums ir atvērtā koda veiktspējas testēšanas pievienojumprogramma, kuru uzsācis Google. Rīks novērtē tīmekļa lapu un sniedz ieteikumus, lai samazinātu ielādes laiku. Tas padara tīmekļa lapu izgūšanu ātrāku, kad lietotāji piekļūst tīmekļa lapām, izmantojot Google meklētājprogrammu.
YSlow
YSlow ir frontend tīmekļa veiktspējas testēšanas rīks. Tas analizē tīmekļa lapas veiktspēju, pārbaudot visus lapas komponentus, ieskaitot komponentus, kas izveidoti, izmantojot JavaScript. Tas arī mēra lapas veiktspēju un piedāvā ieteikumus lietotājiem.
Secinājums
- Front-end testēšana ir frontend funkcionalitātes, GUI un lietojamības pārbaude vai pārbaude.
- Frontend testēšanas galvenais mērķis ir pārliecināties, ka katrs lietotājs ir labi aizsargāts no kļūdām.
- Izveidojot priekšgala testēšanas plānu, varat uzzināt ierīces, pārlūkprogrammas un sistēmas, kas jāaptver jūsu projektam.
- Tas arī palīdz jums iegūt pilnīgu skaidrību par projekta apjomu
- Jasmine, Selenium, Browser, TestComplete, Needle ir daži no Frontend testēšanas rīka piemēriem.