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

Question

我在访问下拉列表元素时在我的 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 个不同的下 zipper 接，我正在尝试访问带有 id = "create-study" 的那个.我的页面类中用于 studiesDD 按钮的 xpath 的类值为 <ul class="dropdown-menu create-dropdown"> , 但我没有使用它，因为它给出了复合类的错误(由于单词之间的空格)。

现在，当我运行测试时，出现以下错误，

Element should have been "select" but was "ul"

如果我将页面类中的选择语句更改为以下内容，

Select sType = new Select(driver.findElement(createBtn));

然后我得到以下错误，

Element should have been "select" but was "a"

谁能帮我解决这个问题。我们将不胜感激。

Answer 1

虽然下拉列表可能看起来像一个真正的 HTML SELECT 标记，但实际上不是，这就是为什么您收到的错误消息应该是“select”但是是 X。您正在使用的 Select 类用于实际的 HTML SELECT 标记，不能在其他地方使用。

你想要的是下面的代码。我重写了 selectStudyType() 方法，以获取与 A 标签上的 CSS 类相对应的字符串参数，您需要单击该标签以使您的函数正常工作。

我通常不喜欢这样编写函数，因为它要求用户了解 HTML 页面的内部知识，这通常不是最佳做法。相反，我会为每种研究类型编写一个函数并为它们指定特定的名称，例如点击事件分析链接()。这使得该方法的作用对于消费者来说是显而易见的。

/**
 * 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();
}