2

我正在尝试使用 Capybara + Selenium 在 Chosen.js 多选列表中选择初始空白之后的第一项。

我有两半，但我很难把它们放在一起。也就是说，我已经成功地使用以下代码段根据其索引从选择框中选择了一个项目：

def select_second_option(id)
  second_option_xpath = "//*[@id='#{id}']/option[2]"
  second_option = find(:xpath, second_option_xpath).text
  select(second_option, :from => id)
end

...据说以下内容可用于选择所选字段：

def select_from_chosen(item_text, options)
  field = find_field(options[:from], visible: false)
  option_value = page.evaluate_script("$(\"##{field[:id]} option:contains('#{item_text}')\").val()")
  page.execute_script("value = ['#{option_value}']\; if ($('##{field[:id]}').val()) {$.merge(value, $('##{field[:id]}').val())}")
  option_value = page.evaluate_script("value")
  page.execute_script("$('##{field[:id]}').val(#{option_value})")
  page.execute_script("$('##{field[:id]}').trigger('liszt:updated').trigger('change')")
end

但我似乎无法让这两个概念发挥得很好。

我怎样才能结合这些想法，使我有形式的功能select_second_option_from_chosen(id)？

4

1 回答 1

4

在您的支持文件夹中创建模块

module Utilities
  def select_from_chosen(item_text, options)
    field = find_field(options[:from])
    option_value = page.evaluate_script("$(\"##{field[:id]} option:contains('#{item_text}')\").val()")
    page.execute_script("$('##{field[:id]}').val('#{option_value}')")
    page.execute_script("$('##{field[:id]}').trigger('liszt:updated').trigger('change')")
  end
end

在你的spec_helper添加

config.include(Utilities)

然后你可以在你的capybara 测试中调用这个函数 

select_from_chosen("User", :from => "user_role_ids")

HTML

<%= f.collection_select :role_ids, [[:admin, 'Admin'],[:sonar, 'User']], :first, :last, {}, { :class => 'chzn-select' } %>
于 2013-12-11T12:13:42.113 回答