- Clear cache chrome extenzija: https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en
- EditthisCookie chrome extenzija https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg?hl=en
- Ako su izmjene samo na razini dizajna - razmaci, fontovi, margine, labele - dovoljno je samo napraviti vizualni pregled u preglednicima, i kroz sve uređaje. (VIDI PROVJERA DIZAJNA)
- Ako su izmjene funkcionalnosti web stranice pr. dodavanje polja u formi, popup prozori, obavijest o kolačićima, dodavanje videa u pozadinu, integracija sa kalendarom, dodavanje novih oblika plaćanja na web stranicu itd. - tada radimo vizualni i funkcionalni pregled web stranice (VIDI PROVJERA FUNKCIONALNOSTI)
- obrisati cache https://prnt.sc/zs6dSUrGbsjc
- obrisati cookie "PHPSESSID" https://prnt.sc/xy15h19cWgq2
Preglednici sa kojima testiramo:
- chrome desktop
- firefox desktop
- safari mobile
- egde desktop
VAŽNO: pregledavamo u normal modeu, po potrebi i inkognito ako se ne vide očekivane promjene
Uređaji na kojima testiramo:
- Android Galaxy Note 10 ili slično (rezolucija 412x869)
- iPhone 12 ili slično (rezolucija 390x844)
- Notebook (rezolucija 1366x768)
- Desktop monitor (rezolucija 1920x1080)
- ipad uspravno (rezolucija 1024x1366)
- Bonus: 2k ili 4k monitor
Vizualni elementi koje pregledavamo i koji moraju biti u skladu sa standardom klijenta:
- font-family; font-style, font-weight i font-color
- boje elemenata i pozadine pr. https://prnt.sc/59pu7GMJWyS0
- razmaci i margine pr. https://prnt.sc/UuxX5W7E4lB-
- poravnavanje pr. https://prnt.sc/E4MOvHewC3Xb
- razmaci između elemenata moraju biti usklađeni pr. https://prnt.sc/6uYnz2djvpYg
- ispisi trebaju biti konzistentni pr. ispis blogova, hotela, poruka itd.
Kod funkcionalnog pregleda web stranice detaljno pregledavamo feature koji su dodani na web:
- polja u formi, video zapisi, popup prozori, obavijest, slanje podataka na vanjske servise itd.
Ključne stvari koje pregledavamo: forme (kontakt, booking, pretraga), plaćanje, login/registracija
Po potrebi pregledavamo:
- input polja u formi - da li su obvezna, imaju li placeholder ili helper tekst, da li se dobro prikazuju na svim uređajima, da li funkcioniraju
- labele polja - da li su u skaldu sa stilom web stranice, kako izgleda na 3 glavna jezika (HR, EN, DE)
- padajuće izbornike, checkboxove, radio buttone i ostale dijelove forme da li su funkcionalni i imaju očekivano ponašanje
- validaciju u formi: funkcionira li ispravno na svim jezicima, funkcionira li kako je očekivano
- error i success poruke - da li su ispravno prevedene
- da li UI komponente dobro funkcioniraju: active, focus, hover (primjerice prelazak miša preko buttona)
Kod funkcionalnog pregleda web stranice važno je napraviti test da li određena funkcija radi očekivano i važno je pregledati ju na više uređaja i više jezika. Pregledavamo ju na HR, EN i DE zbog duljine znakova
- definirati očekivani rezultat
- unos testnih polja / sadržaja
- izvršavanje testa pr. pretraga stranice, slanje upita itd
- usporedba rezultata
Prije svakog testa trebamo simulirati prvi posjet brisanjem cachea i kolačića sesije!
Zadatak: razvijamo funkcionalnost za promo kodove i testiramo određeni hotel ili datum ili vrijednost:
-
test1a: odaberemo Hotel Berulia i podesimo datume: 01. - 05. 08. 2022.
-
test2a: odaberemo Hotel Alga i podesimo datume: 01. - 05. 08. 2022.
-
test3a: odaberemo Hotel TUI Blue i podesimo datume: 01. - 05. 08. 2022.
-
test1b: Unesemo PROMOKOD, odaberemo Hotel Berulia i podesimo datume: 01. - 05. 08. 2022.
-
test2b: Unesemo PROMOKOD, odaberemo Hotel Alga i podesimo datume: 01. - 05. 08. 2022.
-
test3b: Unesemo PROMOKOD, odaberemo Hotel TUI Blue i podesimo datume: 01. - 05. 08. 2022.
Dobivene cijene moraju biti očekivane i trebaju biti drugačije od cijena bez promokoda
Svaka funkcionalnost je različita, pa prilikom testiranja trebamo osmisliti očekivane vrijednosti i provjeriti da li feature radi kako je klijent zatražio