css - 使用 Capybara ElementNotFound 选择下拉列表

Question

我正在尝试使用 Capybara 从下拉列表中选择一个元素。我使用不同的 CSS 框架已经做得很好了；现在我正在使用 Materialise。

我已经与开发人员交谈过，他提到 Materialise 使用两个选择框，因此可能会让人感到困惑。不确定这是否有帮助，但我想我会提到它。

我正在处理看起来像这样的 CSS

  <div class="select-wrapper country required">
    <span class="caret">▼</span>    
    <input type="text" class="select-dropdown" readonly="true" data-activates="select-options-0e5c0ffe-1e78-5df0-c08d-7bced194abd1" value="">    

    <ul id="select-options-0e5c0ffe-1e78-5df0-c08d-7bced194abd1" class="dropdown-content select-dropdown" style="width: 435px; position: absolute; top: 0px; left: 0px; opacity: 1; display: none;"><li class="">  <span></span></li>
        <li class=""><span>Afghanistan</span></li>
        <li class=""><span>Åland Islands</span></li>
        <li class=""><span>Albania</span></li>
        <li class=""><span>Algeria</span></li>
        <li class=""><span>United States</span></li></ul>       

    <select class="country required initialized"   name="store[address_attributes][country]" id="store_address_attributes_country"><option value=""></option>
        <option value="AF">Afghanistan</option>
        <option value="AX">Åland Islands</option>
        <option value="AL">Albania</option>
        <option value="DZ">Algeria</option>
        <option value="US">United States</option>

我试过的是

select "United States", :from => 'store_address_attributes_country'

我也试过

find("store_address_attributes_country").select("United States")

(我也使用 XPath、选择器和名称而不是 ID 尝试过同样的事情)

这些给我错误

 Capybara::ElementNotFound:
   Unable to find select box "store_address_attributes_country`

Answer 1

当使用 materialize 时， 元素隐藏在页面上并替换为 <input> 元素作为触发器， 和 元素作为下拉列表。因此，您不能使用 #select。相反，您必须复制用户必须执行的操作，即单击用于触发下拉菜单的输入，然后单击正确的 li。在这种情况下会是 find("input.select-dropdown").clickfind("li", text: "United States").click如果页面上有多个选择，显然第一个查找必须限定在页面上的某些内容(或增加选择器的特异性) 关于css - 使用 Capybara ElementNotFound 选择下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36046430/ 上一篇：javascript - 简单图像幻灯片上的随机动画 下一篇：html - 使两个重叠的 div 在鼠标悬停时显示和隐藏 相关文章： html - CSS - div 对齐到父 div 的底部(内联 block ) ruby-on-rails - update_attributes() vs. update_all () & on deleted object ruby-on-rails - 错误 : undefined method `each' for nil:NilClass linux - 适用于 Linux 的易于使用的 AutoHotkey/AutoIt 替代品 css - div之间的灵活距离 css - PureCSS 和 CSS 菜单下拉菜单 Ruby 使用正则表达式从字符串中提取数据 c# - 你如何运行你的测试？ windows - 批量使用密码的最佳做法是什么？ javascript - jquery draggable 在将 div 设置为 "position: static"后停止工作 ©2023 IT工具网  联系我们