javascript - 使用 Selenium 和 java 测试 React JS 下拉列表

Question

我有一个下拉菜单，它使用 React JS 动态填充值。 如何从此下拉列表中选择一个值。你能举个例子给我指出正确的方向吗？

这是该页面的 HTML 代码...... 包含“年份”文本的 Div 是下拉列表。一旦我点击年份，它就会给我一些选项，比如 2015、2014、2013 等。但我不知道如何使用 Selenium 访问这些值。

<div class="fitment-box__first-select" data-reactid=".2.0.0.0.0.2.1"><span data-reactid=".2.0.0.0.0.2.1.0">My vehicle was made in</span><div class="Select fitment-box__select-year" data-reactid=".2.0.0.0.0.2.1.1"><input type="hidden" name="year" value="" data-reactid=".2.0.0.0.0.2.1.1.0"><div class="Select-control" data-reactid=".2.0.0.0.0.2.1.1.1"><div class="Select-placeholder" data-reactid=".2.0.0.0.0.2.1.1.1.0:$placeholder">Year</div><div class="Select-input " tabindex="0" data-reactid=".2.0.0.0.0.2.1.1.1.1">&nbsp;</div><span class="Select-arrow-zone" data-reactid=".2.0.0.0.0.2.1.1.1.4"><span class="Select-arrow" data-reactid=".2.0.0.0.0.2.1.1.1.4.0"></span></span></div></div></div>

Answer 1

我也遇到了同样的问题，并根据 Saurabh 的回答找到了解决方案。

WebElement button = driver.findElement(element);

Actions action = new Actions(driver);
action.moveToElement(button).click().build().perform();