Prilikom kreiranja aplikacija, testiranje predstavlja ključnu fazu u celokupnom procesu razvoja softvera. Ova faza omogućava programerima da procene koliko efikasno softver ispunjava postavljene zahteve, kao i da identifikuju i isprave greške ili potencijalne ranjivosti. Sve ovo, u krajnjoj liniji, doprinosi poboljšanju i utvrđivanju kvaliteta samog softvera.
Ukoliko se ne sprovede adekvatno testiranje, postoji velika verovatnoća da će biti objavljen softver niskog kvaliteta, koji ne zadovoljava sve potrebe korisnika, a takođe sadrži greške i ranjivosti koje mogu biti zloupotrebljene.
Iako je testiranje softvera od izuzetnog značaja, nije ga uvek lako realizovati. Testiranje softvera, a posebno veb aplikacija, može biti komplikovan, skup, dugotrajan i zamoran proces ukoliko se obavlja ručno.
Prilikom testiranja veb aplikacije, neophodno je simulirati sve radnje koje će potencijalni korisnici preduzimati. To podrazumeva izvođenje svih mogućih koraka, od kreiranja naloga, prijavljivanja, pa sve do interakcije sa različitim elementima veb aplikacije.
Kada se ovaj proces obavlja ručno, može biti dosadan, vremenski zahtevan i veoma neefikasan, jer postoji rizik od propuštanja grešaka ili nedovoljno sveobuhvatnog testiranja. Upravo tu na scenu stupaju alati kao što su Playwright i Cypress, koji automatizuju proces testiranja veb aplikacija u savremenim veb pregledačima.
Playwright
Playwright je open-source framework za automatizaciju i end-to-end testiranje veb aplikacija, koji je kompatibilan sa različitim pregledačima. Automatizacija podrazumeva korišćenje softvera za automatizaciju uobičajenih veb radnji, kao što su kreiranje naloga, prijavljivanje, popunjavanje formulara i kliktanje na dugmad. Ovim putem softver doživljava aplikaciju na isti način kao i korisnik.
End-to-end testiranje je sveobuhvatna strategija testiranja, koja procenjuje i verifikuje kompletan tok aplikacije, od početka do kraja.
Playwright je razvijen i održava ga Microsoft, a omogućava automatizaciju i testiranje u veb pregledačima koji su zasnovani na Chromiumu, Firefoxu i WebKitu, koristeći jedinstveni API.
Chromium je besplatan pregledač otvorenog koda koji se koristi za kreiranje drugih pregledača. Pregledači kao što su Chrome, Microsoft Edge, Opera i Samsung Internet zasnivaju se na Chromium kodu. S druge strane, WebKit je engine koji koristi Safari veb pregledač. Playwright omogućava testiranje i automatizaciju u svim ovim pregledačima, koristeći jedan API.
Playwright omogućava testiranje scenarija koji obuhvataju više izvora, tabova i korisnika. Takođe, moguće je kreirati scenarije sa različitim kontekstima za različite korisnike i pokrenuti ih na serveru. Playwright sadrži i funkcionalnosti koje pomažu u izbegavanju „flaky“ testova, odnosno testova koji daju različite rezultate bez promene u testu ili kodu.
Ovaj alat takođe poseduje moćne funkcije kao što je Trace Viewer, koji snima podatke o DOM snimcima i screencastove testova, što olakšava analizu neuspešnih testova.
Dodatno, dolazi sa CodeGen-om, koji omogućava generisanje testova jednostavnim snimanjem radnji, i Playwright Inspectorom, koji pruža mogućnost detaljnije analize izvršenja testova.
Cypress
Cypress je alat otvorenog koda koji je agnostičan prema tehnološkom steku, a služi za pouzdano testiranje svega što radi u veb pregledaču. Cypress omogućava podešavanje, pisanje, pokretanje i otklanjanje grešaka u testovima.
Ovaj alat omogućava pisanje svih tipova testova, uključujući end-to-end testove, unit testove, integracione testove i testove komponenti. Bez obzira na to koji programski jezik je korišćen za razvoj veb aplikacije, ako aplikacija može da radi u pregledaču, Cypress je može testirati.
Cypress omogućava „putovanje kroz vreme“ kroz testove, jer pravi snimke testova tokom izvršavanja. To omogućava da se vidi šta se dogodilo u svakom koraku. Uz to, Cypress automatski pravi snimke ekrana i video zapise celih testnih paketa kada se pokreće putem interfejsa komandne linije.
Pored mogućnosti kontrole serverskih odgovora i ponašanja funkcija, Cypress omogućava kontrolu i blokiranje mrežnog saobraćaja tokom izvršavanja testova. Na kraju, Cypress pruža dosledne rezultate testiranja i olakšava otklanjanje grešaka u aplikaciji, jer generiše čitljive poruke o greškama i tragove steka.
Neke od prednosti korišćenja alata za veb testiranje i automatizaciju, kao što su Playwright i Cypress, su:
Sveobuhvatna pokrivenost testom
Alati kao što su Playwright i Cypress omogućavaju veoma opsežno testiranje veb aplikacija. Korišćenjem automatizovanih alata, može se pokrenuti veliki broj testova u različitim scenarijima, kontekstima, konfiguracijama, pregledačima i uslovima.
Za razliku od ručnog testiranja, koje često ima nisku pokrivenost testom, automatizacija i alati za testiranje rezultiraju mnogo većom pokrivenošću. Osim toga, ovi alati omogućavaju pokretanje različitih tipova testova, što na kraju dovodi do bolje testiranih veb aplikacija višeg kvaliteta.
Lakše testiranje veb aplikacija
Ključna prednost alata za veb testiranje i automatizaciju je da čine testiranje lakšim i prijatnijim iskustvom. Ručno testiranje može biti veoma teško, pogotovo kada je neophodno temeljno testirati aplikaciju u različitim pregledačima i uslovima. Korišćenjem alata kao što su Playwright i Cypress, proces testiranja veb aplikacija se znatno pojednostavljuje.
Rano otkrivanje grešaka
Alati za automatizaciju su izuzetno efikasni u otkrivanju grešaka u veb aplikacijama. Ovi alati mogu uhvatiti greške koje programeri mogu propustiti. Osim toga, olakšavaju proces otklanjanja grešaka, generišući čitljive tragove steka, poruke o greškama, i praveći snimke ekrana mesta na kojima se greške javljaju u aplikaciji.
Brže i tačnije testiranje
Za adekvatno testiranje aplikacija, potrebno je izvršiti sve radnje koje mogu da preduzmu potencijalni korisnici, a zatim ih ponoviti u različitim veb pregledačima. Ovaj proces može biti veoma dugotrajan ukoliko se radi ručno. Međutim, korišćenjem alata kao što su Playwright ili Cypress, testiranje postaje mnogo brže i preciznije, čime se smanjuje vreme potrebno za implementaciju aplikacija.
Bolji izveštaji o testiranju i analitika
Automatizovani alati za testiranje generišu detaljne izveštaje o testovima. To omogućava razvojnim i test timovima da lakše prate proces testiranja, analiziraju ponašanje aplikacije u različitim scenarijima, identifikuju obrasce i dobiju izveštaje koji mogu podržati procese donošenja odluka. Takvi izveštaji i analitika se mogu koristiti i za identifikaciju oblasti u aplikaciji koje je potrebno poboljšati.
Kako rade Playwright i Cypress
Kao frameworkovi za veb testiranje i automatizaciju, Playwright i Cypress simuliraju interakcije korisnika sa veb aplikacijama kako bi se potvrdilo da se aplikacije ponašaju očekivano, prikazuju tačne informacije i ispunjavaju zahteve korisnika.
Da bi to postigli, programeri i testeri koriste ove alate za pisanje skripti koje simuliraju interakciju korisnika sa veb aplikacijom, čime se automatizuju radnje koje korisnici mogu preduzeti. Na primer, mogu se pisati skripte koje otvaraju pregledače, navigiraju do određenih URL adresa, prijavljuju se na aplikacije, popunjavaju obrasce, klikću na dugmad i obavljaju razne druge akcije u okviru veb aplikacije.
Skripte koje se napišu određuju koji tip testiranja će se primeniti na aplikaciju. Alati kao što je Cypress omogućavaju pokretanje različitih vrsta testova, kao što su end-to-end testovi, unit testovi, testovi komponenti i integracioni testovi.
Primer Cypress test skripte:
describe('Primer testnog paketa', () => {
it('Trebalo bi posetiti example.com i interagovati sa stranicom', () => {
cy.visit('https://example.com');
// Interakcija sa elementima na stranici
cy.get('input[type="text"]').type('Hello World!');
cy.get('button[type="submit"]').click();
// Verifikacija da je ponašanje kao što se očekuje
cy.title().should('eq', 'Example Domain');
});
});
Primer Playwright test skripte:
const { chromium } = require('playwright');
(async () => {
// Otvorite Chromium pregledač
const browser = await chromium.launch();
// Kreirajte stranicu
const page = await browser.newPage();
// Otvorite i pristupite URL-u
await page.goto('https://example.com');
// Radite sa elementima na stranici
await page.fill('input[type="text"]', 'Hello World!');
await page.click('button[type="submit"]');
// Potvrdite da li je ponašanje kao što se očekuje
const title = await page.title();
expect(title).toBe('Example Domain');
// Zatvorite pregledač
await browser.close();
})();
Za interakciju sa elementima na veb aplikaciji, alati za testiranje pružaju selektore, koji opisuju kako pronaći određene elemente kao što su dugmad, linkovi i polja za unos.
Kada se elementi identifikuju, alati za testiranje omogućavaju alate koji pomažu da se daju tvrdnje i utvrdi da li se različite komponente veb aplikacije ponašaju očekivano.
Playwright i Cypress takođe poseduju mogućnost snimanja testova, što omogućava da se analizira tačno šta se dogodilo u svakoj fazi testiranja.
Konačno, ovi alati pružaju detaljne rezultate testiranja, evidencije i izveštaje koji pomažu u identifikaciji problema u aplikacijama, otklanjanju grešaka i praćenju pokrivenosti testom.
Playwright protiv Cypress
Playwright i Cypress su moćni alati za automatizaciju testova. Međutim, postoje određene razlike u karakteristikama koje nude. Sledi poređenje funkcija koje nudi svaki od ovih alata:
| Funkcija | Cypress | Playwright |
| Jezik za testiranje | JavaScript je glavni jezik za pisanje testova. Može testirati aplikacije napisane bilo kojim jezikom, sve dok mogu da rade u pregledaču. | Podržava pisanje testova pomoću TypeScripta, JavaScripta, Pythona, .NET-a i Jave. |
| Podrška za pregledače | Podržava testiranje samo u pregledačima iz Firefox i Chrome porodice. | Podržava testiranje u Firefoxu, Chrome porodici pregledača i pregledačima baziranim na WebKitu. |
| Podrška za više tabova | Ne podržava testiranje u više tabova pregledača. | Omogućava pokretanje test scenarija koji obuhvataju više tabova pregledača. |
| Podrška za više pregledača | Ne omogućava istovremeno testiranje u više pregledača. | Omogućava istovremeno pokretanje testova u više pregledača. |
| Testiranje na više platformi | Može se instalirati i koristiti za testiranje na Mac, Linux i Windows operativnim sistemima. | Može se instalirati i koristiti za testiranje na Windows, Linux i macOS, lokalno ili na CI okruženju. |
| Snimanje i video snimci | Automatski pravi snimke i video zapise tokom izvršavanja testova. | Pruža alatke za snimanje testova i generisanje video zapisa testova. |
| Mrežno testiranje i simuliranje | Podržava i simuliranje i blokiranje mrežnog saobraćaja. | Podržava i simuliranje i blokiranje mrežnog saobraćaja. |
| Asinhrono testiranje | Automatski čeka na komande i tvrdnje pre nego što nastavi. | Zahteva eksplicitno upravljanje asinhronim operacijama korišćenjem async/await funkcija. |
| Paralelizacija testova | Ne preporučuje se pokretanje paralelnih testova na jednoj mašini. | Pokreće testove paralelno, koristeći više procesa istovremeno za svako CPU jezgro. |
Slučajevi upotrebe Playwrighta i Cypressa
S obzirom da je testiranje sastavni deo svakog procesa razvoja softvera, mnoge kompanije koriste Cypress i Playwright.
Na primer, DHL, logistička kompanija, tražila je način da ubrza implementaciju svojih softverskih rešenja bez kompromitovanja kvaliteta. U tu svrhu su koristili Cypress, koji im je omogućio da poboljšaju izvođenje testova i pokrivenost, unaprede kulturu testiranja na frontend-u, i postignu 65% brže vreme izvršavanja testova.
Spotahome, online servis za rezervaciju smeštaja u Evropi, takođe koristi Cypress u procesu testiranja. To im je omogućilo da testiraju preko 160 scenarija, implementiraju 250 promena svake nedelje, izvrše preko 130 testova nedeljno i koriste paralelizaciju kako bi uštedeli 70% vremena koje se troši na testiranje.
Gatsby, generator sajtova otvorenog koda, zahvaljujući Cypress-u je uspeo da poveća broj doprinosa od strane open-source zajednice. Korišćenjem ovog alata, Gatsby je ranije i češće isporučivao nove funkcije, smanjujući zaostatak otvorenih zahteva za 54% i poboljšavajući nivo pouzdanosti.
Playwright je takođe popularan među kompanijama, startapovima i projektima otvorenog koda. Aplikacije kao što su Visual Studio Code, Bing, Outlook i Disney Hotstar koriste Playwright za testiranje svojih aplikacija, kako bi garantovali izdavanje kvalitetnih proizvoda.
Open-source projekti kao što su Material UI, Adobe Spectrum veb komponente, Lion i React Navigation koriste Playwright za veb testiranje i automatizaciju.
Zaključak
Testiranje je ključni korak u razvoju softvera i ne treba ga zanemariti ako se želi objaviti kvalitetan softver koji ispunjava zahteve korisnika. Kao što pokazuju navedeni primeri, testiranje donosi brojne koristi za ukupne performanse kompanije ili softvera.
Kada je u pitanju izbor alata za testiranje, i Cypress i Playwright su vrlo pouzdani i robustni alati za veb testiranje i automatizaciju.
Ukoliko je potreban alat koji omogućava lako pokretanje testova paralelno, u više tabova, pisanje testova u različitim programskim jezicima, pokretanje testova u svim popularnim pregledačima, kao i pristup naprednim funkcijama, Playwright je pravi izbor.
Ako je fokus testiranja na frontend-u, posebno onom razvijenom pomoću JavaScript frameworkova kao što su Angular, Vue i React, Cypress je pravi izbor.
Takođe, trebao bi biti izbor kada su bitne brze performanse, razvoj vođen testovima, lokalni razvoj i otklanjanje grešaka, i ako je potreban pouzdan alat za male i srednje projekte.