selenium - 如何使用 Selenium IDE 处理 React Select 组件？

Question

我对 Selenium IDE 位置元素有疑问

这是链接:https://jedwatson.github.io/react-select/

我成功使用此命令:

Command: sendKeys
Target: css=div.Select-control input
Value: Victoria${KEY_ENTER}

但我不知道如何处理具有相同元素的下一个字段

<div class="Select-placeholder">Select...</div>

问题是如何使用 Selenium IDE 处理这个问题？

Answer 1

我能够执行以下操作:

Actions act = new Actions(driver);//driver variable is chrome web driver ref

WebElement selectInput=driver.findElement(By.className("Select-input"));//Thread.sleep(5000);

act.click(selectInput).build().perform();//Thread.sleep(5000);

//list of all option
List<WebElement> selectValues=driver.findElements(By.className("Select-option"));//Thread.sleep(5000);

//first option:
WebElement firstWebElement=selectValues.get(0);//Thread.sleep(5000);

act.click(firstWebElement).build().perform();//Thread.sleep(5000);

我已经注释了线程的 sleep ，因为我在本地运行，有时需要时间从远程计算机上的 UI 获取元素，因此在这种情况下取​​消注释 Thread.sleep 并尝试。