//Dopuniti zadatak sa časa (Magento Home Page).

//Napisati sledeće test case-eve:

//1. Kliknuti na "What's new" tab (nalazi se u navigaciji), a kao selektor odabrati xPath koji
pretražuje prema tekstu What's new.

@Test
public void verifyClickOnTheFirstTab() {
driver.findElement(By.xpath("//span[contains(text(), \"What's
New\")]")).click();
}

//2. Kliknuti na "Women" tab (nalazi se u navigaciji), a kao selektor odabrati kombinaciju
selektora parent sekcije (u okviru <ul> tag-a), tag-a potomka (<li>) i pozicije potomka (obratiti
pažnju na direktne i indirektne potomke sa <li> tag-om).
//Svi tab-ovi u navigaciji se nalaze u okviru roditeljske sekcije, koja ima <ul> tag i selektor
id="ui-id-2":

//Pošto unutar roditeljske sekcije tražimo potomke sa <li> tag-om, pokušaćemo sa selektorom
#ui-id-2 li i videti da dobijamo 26 rezultata. Kada prođemo kroz rezultate, videćemo da smo na
ovaj način prikupili i <li> tagove koji nisu direktni potomci <ul> tag-a. Kako bismo dobili samo
direktne potomke, upotrebićemo > između roditelja i potomka, tj. kreirati selektor #ui-id-2 > li i
tako dobiti 6 rezultata (tj. 6 tab-ova koje vidimo u navigaciji). Sada od ovih 6. rezultata možemo
dobiti onaj koji želimo pomoću :nth-child(). U slučaju tab-a Woman, treba nam potomak koji je 2.
po redu u odnosu na roditelja, pa je kranji selektor #ui-id-2 > li:nth-child(2).
 @Test
public void verifyClickOnWomenTab() {
driver.findElement(By.cssSelector("#ui-id-2 > li:nth-child(2)")).click();
}

//3. Kliknuti na "Men" tab (nalazi se u navigaciji), a kao selektor koristiti skraćeni atribut class
(koji je u okviru <li> tag-a).

//Tab Men ima atribut class="level0 nav-3 category-item level-top parent ui-menu-item".
//Kada "skraćujemo" atribut class, možemo uzeti neki od zasebnih "delova", ali je važno da taj
"skraćeni" deo bude jedinstven, jer u suprotnom imamo selektor koji će odgovarati većem broju
elemenata.

@Test
public void verifyClickOnMenTab() {
driver.findElement(By.cssSelector(".nav-3")).click();
}
// 4. Kliknuti na "Gear" tab (nalazi se u navigaciji), a kao selektor koristiti kombinaciju selektora
parent sekcije (u okviru <li> tag-a) i tag-a potomka (<a>). Obratiti pažnju na direktne i indirektne
potomke sa <a> tag-om.

//Selektor u okviru <li> tag-a se može skratiti na .nav-4

//Ako tražimo sve <a> potomke selektor je .nav-4 a i daje 4 rezultata. Ali, ako posmatramo samo
direktnog naslednika, dobijamo 1 rezultat, pa je selektor .nav-4 > a

@Test
public void verifyClickOnGearTab() {
driver.findElement(By.cssSelector(".nav-4 > a")).click();
}