我在访问下拉列表元素时,在我的selenium代码中遇到了这个问题 .
使用页面对象模型,下面是我的页面类:
package Pages;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.ui.Select;
import Lib.lib;
public class KnowledgeBase extends lib{
By studiesDD = By.xpath(".//*[@id='warren-nav']/div[3]/ul/li[5]/ul");
By createBtn = By.id("create-study");
// Selecting Study Type
public void selectStudyType(String studyType) throws Exception
{
driver.findElement(createBtn).click();
Thread.sleep(2000);
Select sType = new Select(driver.findElement(studiesDD));
sType.selectByVisibleText(studyType);
Thread.sleep(10000);
}
在上面的代码中,'createBtn'是单击按钮,显示下拉列表,'studiesDD'是'ul'的xpath,其中包含列表的实际数据 .
下面是下拉列表的HTML代码
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="create-study">
<i class="fa fa-plus-circle warren-nav-icon"></i>Create
</a>
<ul class="dropdown-menu create-dropdown">
<li data-study-type="event">
<a href="/finance/warren/studies/new/kensho.event"
class="create-study-link event"
target="_self">
<i class="fa fa-calendar" title="event"></i> Event Analysis
</a>
</li>
<li data-study-type="cyclical">
<a href="/finance/warren/studies/new/kensho.cyclical"
class="create-study-link cyclical"
target="_self">
<i class="fa fa-retweet" title="cyclical"></i> Cyclical Analysis
</a>
</li>
<li data-study-type="conditional">
<a href="/finance/warren/studies/new/kensho.conditional"
class="create-study-link conditional"
target="_self">
<i class="fa fa-random" title="conditional"></i> Conditional Analysis
</a>
</li>
<li data-study-type="multi_condition">
<a href="/finance/warren/studies/new/kensho.multi_condition"
class="create-study-link multi_condition"
target="_self">
<i class="fa fa-random" title="multi_condition"></i> Multiple Conditions Analysis
</a>
</li>
<li data-study-type="relative">
<a href="/finance/warren/studies/new/kensho.relative"
class="create-study-link relative"
target="_self">
<i class="fa fa-bar-chart-o" title="relative"></i> Relative Analysis
</a>
</li>
<li data-study-type="relative_multiple">
<a href="/finance/warren/studies/new/kensho.relative_multiple"
class="create-study-link relative_multiple"
target="_self">
<i class="fa fa-bar-chart-o" title="relative_multiple"></i> Relative Analysis: Multiple Date Ranges
</a>
</li>
<li data-study-type="regime_change">
<a href="/finance/warren/studies/new/kensho.regime_change"
class="create-study-link regime_change"
target="_self">
<i class="fa fa-globe" title="regime_change"></i> Global Scenario Analysis
</a>
</li>
<li data-study-type="consensus_analysis">
<a href="/finance/warren/studies/new/kensho.consensus_analysis"
class="create-study-link consensus_analysis"
target="_self">
<i class="fa fa-puzzle-piece" title="consensus_analysis"></i> Economic Consensus/Surprise Analysis
</a>
</li>
<li data-study-type="trigger">
<a href="/finance/warren/studies/new/kensho.trigger"
class="create-study-link trigger"
target="_self">
<i class="fa fa-random" title="trigger"></i> Trigger Analysis
</a>
</li>
<li data-study-type="earnings_analysis">
<a href="/finance/warren/studies/new/kensho.earnings_analysis"
class="create-study-link earnings_analysis"
target="_self">
<i class="fa fa-dot-circle-o" title="earnings_analysis"></i> Earnings Consensus/Surprise Analysis
</a>
</li>
<li data-study-type="price_movement_analysis">
<a href="/finance/warren/studies/new/kensho.price_movement_analysis"
class="create-study-link price_movement_analysis"
target="_self">
<i class="fa fa-line-chart" title="price_movement_analysis"></i> Price Movement Trigger Analysis
</a>
</li>
</ul>
</li>
在HTML代码中, class = "dropdown-toggle"
代表5个不同的下拉链接,我正在尝试使用 id = "create-study"
访问该链接 . 我的页面类中的studiesDD按钮的xpath具有类值 <ul class="dropdown-menu create-dropdown">
,但我没有使用它,因为它给复合类带来错误(由于单词之间的空格) .
现在,当我运行我的测试时,它给了我以下错误,
Element should have been "select" but was "ul"
如果我将页面类中的select语句更改为以下,
Select sType = new Select(driver.findElement(createBtn));
然后我收到以下错误,
Element should have been "select" but was "a"
有人可以帮我解决这个问题 . 非常感谢 .
3 回答
虽然下拉列表可能看起来像一个真正的HTML
SELECT
标签,但它实际上不是,这就是为什么你得到的错误信息应该是"select"但是是X.你正在使用的Select
类用于实际的HTMLSELECT
标签并且可以'在其他地方使用 .你想要的是下面的代码 . 我重写了
selectStudyType()
方法,以获取一个String参数,该参数对应于A
标记上的CSS类,您希望单击该类以使您的函数正常工作 .我通常不喜欢写这样的函数,因为它要求消费者具有HTML页面的内部知识,这通常不是最佳实践 . 我会为每种研究类型编写一个函数,并给它们具体的名称,例如:
clickEventAnalysisLink()
. 这使得消费者对该方法的作用显而易见 .您不能将ul html元素强制转换为选择类型 . 这意味着,代码的以下部分 -
仅当下拉列表是
<select>
元素时才可以使用 . 在这个特定场景中,您必须使用常用的find_element
selenium webdriver函数找到要单击的元素 .html中的下拉列表不是常用的选择元素 . 它是无序列表 .
您需要获取列表元素,然后遍历它们以获取所需的文本并选择元素 . 它可以如下代码