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).

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

18

Vous pouvez générer le css sélecteur de ul comme ul > li:nth-child(1) pour la maison. Voir ci-dessous:
```
driver.findElement(By.cssSelector("ul > li:nth-child(1)")); >> home
driver.findElement(By.cssSelector("ul > li:nth-child(2)")); >> posts
driver.findElement(By.cssSelector("ul > li:nth-child(3)")); >> events
```
aussi reachin durée est la même:
```
driver.findElement(By.cssSelector("ul > li:nth-child(1) > a > span")); >> home
```
L'OP demande sélecteur CSS.
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Ş
3

avez-vous besoin de css en particulier? si non, vous pouvez aussi aller pour xpath, qui à mon humble avis "lit" mieux/plus clair:
```
driver.findElement(By.xpath("(//span[@class='title'])[0]")); //home
driver.findElement(By.xpath("(//span[@class='title'])[1]")); //posts
...
```
OriginalL'auteur drkthng

<body>
        <div class=parent>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </body>

Si vous avez déjà l'élément parent et juste besoin de trouver nième enfant

parent.find_element_by_css_selector('div:nth-child(2)')

sélectionnez la troisième div

OriginalL'auteur Ger Mc

Vous devez vous connecter pour publier un commentaire.