使用 WebDriver 和 Ruby 与 JavaScript 下拉菜单交互？

我正在使用 Ruby 和 Selenium WebDriver 为网页编写自动化，但遇到了网站上某些使用 JavaScript 而不是标准 HTML 制作的下拉菜单的阻塞问题。在这些下拉菜单中，用户可以从下拉菜单中选择一个选项，或者单击它并开始输入内容，以根据输入的内容过滤结果（我假设这些下拉菜单的想法是可能很长的列表）选项）。

问题是我无法找到使用 WebDriver 与它们交互的方法，尽管我已经设法使用下面的代码让它在 Selenium IDE 中工作，但是将此 IDE 脚本导出到 Ruby 不起作用：

<tr>
    <td>select</td>
    <td>css=select[name=dsref]</td>
    <td>demo</td>
</tr>

我正在使用的 WebDriver 代码是：

def clickOn (parameters = {})
      # This will accept a locator type and name to click on
      #
      # EXAMPLE
      #
      # clickOn(
      #   locatorType: :link,
      #   locatorName: 'Home'
      # )
      #
      # This will click on the link named 'Home'
      locatorType = parameters[:locatorType]
      locatorName = parameters[:locatorName]
      $driver.find_element(locatorType, locatorName).click
    end

    clickOn(
          locatorType: :xpath,
          locatorName:     '/html/body/form/fieldset[4]/div[2]/div/div/div/a/span'
      )

然后，我尝试使用隐藏值字段的 xpath 以相同的方式从下拉列表中找到选择，但它无法找到隐藏值。

我尝试与之交互的 javascript 是：

<div id="tabWarehousing" class="cansee">
<div class="lineFirst">
<div class="of8">
    <label for="formdsref">Warehouse</label>
    <br>
    <select id="sel2DZ" class="admn_dropdownmenu chzn-done" size="1" name="dsref"     style="display: none;">
        chosen=Chosen { form_field=select#sel2DZ.admn_dropdownmenu, options= {...}, active_field=

        true

        , more...}

        <option selected="" value=""></option>
        <option value="demo">demo</option>
        <option value="demodownload">demo download</option>
    </select>
    <div id="sel2DZ_chzn" class="chzn-container chzn-container-single chzn-container-single-  nosearch" style="width: 115px;">
        <a class="chzn-single" tabindex="-1" href="javascript:void(0)"> <span>demo</span>
        <div>
            <b></b>
        </div>
        </a>
        <div class="chzn-drop" style="left: -9000px; width: 113px; top: 18px;">
            <div class="chzn-search">
                <input type="text" autocomplete="off" style="width: 78px;">
            </div>
            <ul class="chzn-results">
                <li id="sel2DZ_chzn_o_1" class="active-result result-selected" style="">demo</li>
                <li id="sel2DZ_chzn_o_2" class="active-result" style="">demo download</li>
            </ul>
        </div>
    </div>
</div>

关于如何使用 Ruby WebDriver 设置此下拉列表的值有什么想法吗？

javascript 只是与隐藏的下拉菜单交互，因此您可以使用以下命令取消隐藏实际的下拉菜单：

@driver.execute_script("document.getElementsByName('#{<REF_TO_HIDDEN_DROPDOWN}')[0].style.display = 'block'")

这会将隐藏下拉列表的显示设置为“阻止”，以便您可以正常与其交互。