在中定位元素 <li> 在Java中使用Selenium Webdriver

Question

我需要找到每個項目並單擊它。 我很累：

List<WebElement> allTournaments = driver.findElements(By.xpath("//*[@id='main-section']/div/div/section/div[1]/ul/li/div/div[1]/div"));
        for (WebElement tournament : allTournaments) {
tournament.click();
}

但是得到了錯誤“元素不可見”

第一個元素的xpath為// [@ id ='main-section'] / div / div / section / div 1 / ul / li 1 / div / div 1 / div第二個元素的xpath為// [@ id = 'main-section'] / div / div / section / div 1 / ul / li [2] / div / div 1 / div一樣。

有人可以幫忙..嗎？

HTML：

   <div class="header-toggle-area">
<div class="header-notification-area text-right ng-scope" ng-controller="notificationController">
</header>
<!--HEADER ENDS-->
<div class="content-wrap" style="padding-top: 60px;">
<aside id="main-sidebar">
<!--MAIN SIDEBAR ENDS-->
<main id="main-section">
<div class="main-content">
<div class="ng-scope" ng-controller="NewTournamentsController as tournaments">
<header class="member-title dt-title-main">
<section class="dashboard-tournaments-listing">
<div class="" ng-show="tournaments.Page==1">
<ul class="row dashboard-listing">
<!-- ngRepeat: running in tournaments.runningTournaments -->
<li class="dashboard-listing-items ng-scope" ng-repeat="running in tournaments.runningTournaments" style="">
<div class="dtslider-block">
<div class="dtslider-content">
<img ng-src="../../category/categoryDefault.jpg" alt="slider" src="../../category/categoryDefault.jpg"/>
<div class="hover-contents">
<div class="hc-timer">
<p>   Tournament ends in </p>
<div class="hct-ticker ng-binding">   04:30 - 26/11/16 </div>
</div>
<div class="hc-details">
<div class="hcd-block ng-hide" ng-show="running.JoinedPlayers>0">
<ul class="hc-icons">
</div>
</div>
</div>

Answer 1

檢查每個元素是否可見和可單擊，如下所示：

for (WebElement tournament : allTournaments) {
  if (tournament.isDisplayed()
      && ExpectedConditions.elementToBeClickable(tournament).equals(true)) {
    tournament.click();
  }
}