CODEWITHSUNDEEP
ruby-on-railsrspeccapybara
Brandon
Brandon

Reputation: 1465

Get select value of dropdown for capybara testing

I have to write tests for a web site. I am trying to get the selected value of a dropdown box. So far i can get the contents of the dropdown by doing

find_field('restrictions__rating_movies').text

returns - Don't Allow Movies G PG M R13 R15 R16 R18 R RP16 Allow All Movies

I can get the value of the selected object.

find_field('restrictions__rating_movies').value

returns - 1000

This does not help me much though because i am trying to get the text of the selected item from a drop down box.

<select class="" id="restrictions__rating_movies" name="restrictions[][rating_movies]">            
<option value="0">Don't Allow Movies</option>
<option value="100">G</option>
<option value="200">PG</option>
<option value="300">M</option>
<option value="325">R13</option>
<option value="350">R15</option>
<option value="375">R16</option>
<option value="400">R18</option>
<option value="500">R</option>
<option value="600">RP16</option>
<option value="1000" selected="selected">Allow All Movies</option></select>

in this case shown i need to get the value 'Allow All Movies' I have tried many different combinations of the above two examples.

Upvotes: 70

Views: 49732

Answers (7)

gylaz
gylaz

Reputation: 13581

There's a have_select matcher if you use Capybara with Rspec:

expect(page).to have_select(
  'my-select',         # locator
  selected: 'Option 2' # option
)
Parameters:

Locator (String) (defaults to: nil) — The label, name or id of a select box Options (Hash) using :selected (String, Array) — Options which should be selected

Upvotes: 163

Steven Solomon
Steven Solomon

Reputation: 301

Create a simple function to return the text given a select element (dropdown):

def get_dropdown_selected_item_text(dropdown)
  value = dropdown.value
  return dropdown.all(:css, "option").select {|opt| opt.value == value} .first.text
end

Upvotes: 0

Adam
Adam

Reputation: 81

If you want to find the current selected text, without assuming what it might be so that you can just compare it to an expectation, the following works even if the selection was made by JS (so that there is no 'option[selected]').

First I find the value of the select, then I find the text of the option with that value:

  def selected(selector)
    value = find(selector).value
    text = find(selector).find("option[value='#{value}']").text
  end

Upvotes: 3

Vijay Chouhan
Vijay Chouhan

Reputation: 4893

Very simple way to get value of selected option is:

find("#restrictions__rating_movies").value

This will return selected select option value.

Upvotes: 16

Abinoam Jr.
Abinoam Jr.

Reputation: 71

If you only need to assert if a field is selected with a given option, the straightforward answer is

#Find a select box by (label) name or id and assert the given text is selected
When /^select box "([^"]*)" is selected with "([^"]*)"$/ do |dropdown, selected_text|    
  assert page.has_select?(dropdown, selected: selected_text)
end

Source: http://rubydoc.info/github/jnicklas/capybara/master/Capybara/Node/Matchers#has_select%3F-instance_method

But the title of your question is "Get select value for dropdown". And I've run into a similar problem where I would like not only to assert the selection, but also retrieve the text and value of the selected field. I've found no straight way on API. The easiest way I've found was: #all("option").find &:selected?

When /^ select box "([^"]*)" is selected with "([^"]*)"$/ do |dropdown, selected_text|
  sb = find_field(dropdown)
  sb_selected = sb.all("option").find &:selected?
  msg = "Selected: #{sb_selected.text.inspect} - value:#{sb_selected.value.inspect}"
  assert page.has_select?(dropdown, selected: selected_text), msg
end

This gives me a more comprehensive error message when the assertion fails.

If there's multiple selections you can use #select in place of #find, as in #all("option").select &:selected?. It will return an Array.

This answer doesn't rely on the 'option[selected]' trick as the previous ones, so it works even if the selection is done by Javascript (which was the reason why the previous answers didn't work for me at all).

Tested on:

capybara (2.2.1)
capybara-webkit (1.1.0)
cucumber (1.3.14)
cucumber-rails (1.4.0)

Upvotes: 4

Brandon
Brandon

Reputation: 1465

find_field('restrictions__rating_movies').find('option[selected]').text

Upvotes: 45

Frost
Frost

Reputation: 11987

Would something like this work?

within("//select[@id='restrictions__rating_movies']") do
  find_field("//option[@selected='selected']").text
end

Upvotes: -1

Related Questions