如何使用 selenium-webdriver 和 Java 单击日历图像图标

Question

我尝试了很多方法，但对我没有用。请帮忙解决这个问题

DOM 区域：

<td>
<input name="ctl00$cntMainContent$txtStartDate" type="text" id="ctl00_cntMainContent_txtStartDate" class="clsTextBox" onkeydown="javascript:return false;" onpaste="javascript:return false;">                                
<img id="ctl00_cntMainContent_imgStartDate" src="../Images/calendar.gif" align="absbottom">
</td>

以下是我尝试过的领域， 普通点击方式：

driver.findElement(By.xpath("//*[@id='ctl00_cntMainContent_imgStartDate']")).click();

Javascript 执行器：

public void Javascript_Click()
    {           
        JavascriptExecutor executor= (JavascriptExecutor)driver;            executor.executeScript("document.getElementById('ctl00_cntMainContent_imgStartDate').click()");     
    } 

操作：

public void Action_Click()
        {
            Actions act = new Actions(driver);          act.moveToElement(driver.findElement(By.id("ctl00_cntMainContent_imgStartDate"))).click().build().perform();
        }

Answer 1

尝试以下方法：

1. 与Actions

   WebElement element = driver.findElement(By.cssSelector("td img#ctl00_cntMainContent_imgStartDate"));
   Actions actions = new Actions(driver);
   actions.moveToElement(element)
       .click(element)
       .build()
       .perform();
   

2. 与JavascriptExecutor

   WebElement element = driver.findElement(By.cssSelector("td img#ctl00_cntMainContent_imgStartDate"));
   ((JavascriptExecutor) driver).executeScript("arguments[0].click();", element);
   

Answer 2

由于该元素是启用了JavaScript 的元素，因此要在元素上使用click()，您需要将WebDriverWait 用于elementToBeClickable()，并且您可以使用以下任一Locator Strategies：

• cssSelector：

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("td img[id$='cntMainContent_imgStartDate'][src$='Images/calendar.gif']"))).click();
  

• xpath：

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//td//img[contains(@id, 'cntMainContent_imgStartDate') and contains(@src, 'Images/calendar.gif')]"))).click();