Reactjs 从DOM中的下拉列表中选择值（Katalon Studio）

我在DOM中的下拉列表中遇到了一些div问题（我在Katalon Studio中创建了测试）。 我通过JavaScriptExecutor选择值，但最后字段被重置

最大的问题是我们有3个同名的输入字段，我不知道如何正确地调用它们，然后选择一个特定的值

和HTML代码：

出生日期
您的出生日期仅用于年龄验证目的

一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2018
2017
2016
2015
2014
2013
2012
2011
2010
2009
2008
2007
2006
2005
2004
2003
2002
2001
2000
1999
1998
1997
1996
1995
1994
1993
1992
1991
1990
1989
1988
1987
1986
1985
1984
1983
1982
1981
1980
1979
1978
1977
1976
1975
1974
1973
1972
1971
1970
1969
1968
1967
1966
1965
1964
1963
1962
1961
1960
1959
1958
1957
1956
1955
1954
1953
1952
1951
1950
1949
1948
1947
1946
1945
1944
1943
1942
1941
1940
1939
1938
1937
1936
1935
1934
1933
1932
1931
1930
1929
1928
1927
1926
1925
1924
1923
1922
1921
1920
1919

您需要选择与手动操作完全相同的方式

单击“选择输入值”

等待下拉列表可见

选择特定的值

基于您的html，您的Katalon脚本如下所示

TestObject selectBox = new TestObject('SelectBox').addProperty('css', ConditionType.EQUALS, "input.select-selected")
WebUI. click(selectBox)

TestObject dropdownValue = new TestObject('DropDownValue').addProperty('xpath', ConditionType.EQUALS, "//div[contains(@class, 'select-items')]/div[contains(text(), 'May')]")
WebUI.waitForElementVisible(dropdownValue, 30)
WebUI.click(dropdownValue)

---

您需要选择与手动操作完全相同的方式

单击“选择输入值”

等待下拉列表可见

选择特定的值

基于您的html，您的Katalon脚本如下所示

TestObject selectBox = new TestObject('SelectBox').addProperty('css', ConditionType.EQUALS, "input.select-selected")
WebUI. click(selectBox)

TestObject dropdownValue = new TestObject('DropDownValue').addProperty('xpath', ConditionType.EQUALS, "//div[contains(@class, 'select-items')]/div[contains(text(), 'May')]")
WebUI.waitForElementVisible(dropdownValue, 30)
WebUI.click(dropdownValue)

---

我想你可以创建自定义关键字供以后使用。我在Jira系统中有一个下拉列表示例

我认为您可以创建自定义关键字供以后使用。我在Jira系统中有一个下拉列表示例

我认为您的dropdownValue xpath指向的是主div，而不是单击Yeap的月份div。更新了它。ThanksOk，谢谢你们，但我有一个错误-无法单击对象“DropDownValue”（根本原因：org.openqa.selenium.ElementNotVisibleException:element不可见。我认为这个问题是因为输入“select selected”在页面上出现了4次，我们必须参考该输入的索引（或者你有其他的解决方案）使用当前输入的父标记添加选择框的完整html。输入可能不是要单击的正确元素。当在第一行单击选择框框时，是否会出现下拉列表？我认为您的下拉列表xpath指向的是主div，而不是将要单击的月份div Yeap。对其进行了更新。谢谢大家，谢谢，但我有一个错误r-无法单击对象“DropDownValue”（根本原因：org.openqa.selenium.ElementNotVisibleException:元素不可见。我认为这个问题是因为输入“select selected”在页面上出现了4次，我们必须参考这个输入的索引（或者您有其他解决方案）使用当前输入的父标记添加选择框的完整html。输入可能不是要单击的正确元素。在第一行单击选择框时，是否显示下拉列表？