<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>
Я хочу найти соответствующий элемент span. Я хочу проверить порядок элементов span с помощью селектора css. Поэтому, когда я использую Selenium IDE, я проверю его, как показано ниже (с использованием концепции n-го ребенка).
verifyText | css =.title: nth (0) | Главная
verifyText | css =.title: nth (1) | Сообщения
verifyText | css =.title: nth (2) | События
verifyText | css =.title: nth (3) | Моя деятельность
verifyText | css =.title: nth (4) | Оценки
Но когда я делаю то же самое в Selenium WebDriver, я не могу найти элементы с порядком, который я использовал с помощью Selenium IDE.
Ниже приведены коды, которые я использовал в WebDriver, и это работает.
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
Может ли кто-нибудь помочь мне.