Selenium WebDriver - Trouver des Éléments à l'aide de cssSelector et nième enfant
<ul>
<li class="active">
<a href="#">
<i class="fa fa-home"></i><br>
<span class="title">Home</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-rss-square"></i><br>
<span class="title">Posts</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-calendar"></i><br>
<span class="title">Events</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-bar-chart-o"></i><br>
<span class="title">My Activity</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-edit"></i><br>
<span class="title">Assessments</span>
</a>
</li>
</ul>
Je veux localiser respectifs élément span. Je veux vérifier l'ordre des éléments span utilisant le sélecteur css. Donc quand j'utilise selenium IDE,je vais vérifier comme ci-dessous(à l'aide de n-ième enfant).
verifyText | css=.titre:nth(0) | Home
verifyText | css=.titre:nth(1) | Posts
verifyText | css=.titre:nth(2) | Événements
verifyText | css=.titre:nth(3) | Mon Activité
verifyText | css=.titre:nth(4) | Évaluations
Mais quand je fais la même chose dans Selenium WebDriver je ne suis pas en mesure de localiser les éléments de la commande et je l'ai fait à l'aide de Selenium IDE.
Ci-dessous les codes que j'ai utilisé dans WebDriver et force de travail.
driver.findElement(By.cssSelector(".title:nth(0)")); //to locate the "Home" element
driver.findElement(By.cssSelector(".title:nth-of-type(0)")); //to locate the "Home" element
driver.findElement(By.cssSelector(".title:nth-child(0)")); //to locate the "Home" element
Quelqu'un pourrait s'il vous plaît aider moi.
OriginalL'auteur Melvin Richard | 2015-11-26
Vous devez vous connecter pour publier un commentaire.
Vous pouvez générer le css sélecteur de
ul
commeul > li:nth-child(1)
pour la maison. Voir ci-dessous:aussi reachin durée est la même:
c'est le sélecteur css
Désolé... je n'ai aucune idée de ce à quoi je pensais quand j'ai dit que.
Vous ara rigtht il a été écrit XPath, dans l'explication et corrigée par drkthng vérifier édité lien.
OriginalL'auteur Mesut GÜNEŞ
avez-vous besoin de css en particulier? si non, vous pouvez aussi aller pour xpath, qui à mon humble avis "lit" mieux/plus clair:
OriginalL'auteur drkthng
Si vous avez déjà l'élément parent et juste besoin de trouver nième enfant
sélectionnez la troisième div
OriginalL'auteur Ger Mc