首页 文章

元素应该是'select'但是'ul' - Selenium WebDriver Java

提问于
浏览
2

我在访问下拉列表元素时,在我的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 回答

  • -1

    虽然下拉列表可能看起来像一个真正的HTML SELECT 标签,但它实际上不是,这就是为什么你得到的错误信息应该是"select"但是是X.你正在使用的 Select 类用于实际的HTML SELECT 标签并且可以'在其他地方使用 .

    你想要的是下面的代码 . 我重写了 selectStudyType() 方法,以获取一个String参数,该参数对应于 A 标记上的CSS类,您希望单击该类以使您的函数正常工作 .

    我通常不喜欢写这样的函数,因为它要求消费者具有HTML页面的内部知识,这通常不是最佳实践 . 我会为每种研究类型编写一个函数,并给它们具体的名称,例如: clickEventAnalysisLink() . 这使得消费者对该方法的作用显而易见 .

    /**
     * Selecting Study Type
     * @param studyType
     *            the CSS class name on the A tag that corresponds to the study link. Current types are "event", "cyclical", etc.
     */
    public void selectStudyType(String studyType)
    {
        driver.findElement(createBtn).click();
        // you might need a slight pause here waiting for the dropdown to load and open
        driver.findElement(By.cssSelector("a.create-study-link." + studyType)).click();
    }
    
  • 2

    您不能将ul html元素强制转换为选择类型 . 这意味着,代码的以下部分 -

    Select sType =
    

    仅当下拉列表是 <select> 元素时才可以使用 . 在这个特定场景中,您必须使用常用的 find_element selenium webdriver函数找到要单击的元素 .

  • 0

    html中的下拉列表不是常用的选择元素 . 它是无序列表 .

    您需要获取列表元素,然后遍历它们以获取所需的文本并选择元素 . 它可以如下代码

    // Selecting Study Type
        public void selectStudyType(String studyType) throws Exception
        {
        List<WebElement> allOptions = dropDown.findElements(By.cssSelector(".dropdown-menu li"));
    
        java.util.Iterator<WebElement> i = allOptions.iterator();
        while(i.hasNext()) {
            WebElement ele = i.next();
            if (ele.text.equals(studyType) {
                ele.click();
            // do something in else perhaps
            }
        }
     }
    

相关问题