ruby-on-rails - Capybara + Selenium : How to select second item in Chosen. js 多选列表？

Question

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

我有两半，但我正在努力将它们拼凑在一起。也就是说，我已经成功使用以下代码片段select an item from a select box based on its index :

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

...下面是said to work用于选择所选字段:

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) 形式的函数？

Answer 1

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

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' } %>