How to select option in drop down using Capybara

Question

I m trying to select an item from a drop down menu using Capybara  2 1 0    I want to select by number  meaning select the second  third  etc option    I ve Googled like crazy trying all sorts of things but no luck    I was able to select it by using the value    find  option value  4c430d62-f1ba-474f-8e8a-4452c55ea0a8     click   But I don t want to use that method b c the value is something that will change and that will make my test brittle   The HTML for the drop down is    lt td class  value  gt       lt select name  organizationSelect  id  organizationSelect  class  required  gt        lt option value  NULL  gt Choose    lt  option gt        lt option value  4c430d62-f1ba-474f-8e8a-4452c55ea0a8  gt  amp nbsp Institution1 lt  option gt        lt option value  e1a4efa7-352d-410a-957e-35c8a3b92944  gt  amp nbsp Institution   test lt  option gt       lt  select gt   lt  td gt    I also tried this     option   find  xpath        id  organizationSelect   option 2    text     select option   from   gt  organizationSelect    But it results in this error   Ambiguous match  found 2 elements matching option  Institution   Capybara  Ambiguous    So how can I select the first  second  third  etc option from the drop down  using Capybara

User · Accepted Answer

If you take a look at the source of the select method, you can see that what it does when you pass a from key is essentially:

find(:select, from, options).find(:option, value, options).select_option

In other words, it finds the <select> you're interested in, then finds the <option> within that, then calls select_option on the <option> node.

You've already pretty much done the first two things, I'd just rearrange them. Then you can tack the select_option method on the end:

find('#organizationSelect').find(:xpath, 'option[2]').select_option

User · Answer

Unfortunately  the most popular answer did not work for me entirely  I had to add  select option to end of the statement  select  option name here   from   organizationSelect   select option  without the select option  no select was being performed

User · Answer

It is not a direct answer  but you can  if your server permit    1  Create a model for your Organization  extra  It will be easier to populate your HTML   2  Create a factory  FactoryGirl  for your model   3  Create a list  create list  with the factory   4   pick   sample  a Organization from the list with     Random select option   Organization all sample     Select the FIRST 0  by id option   Organization all 0      Select the SECOND 1  after some restriction option   Organization where some attr  some value  2  option   Organization where  some attr OP some value   2   OP is        lt      gt    so on

User · Answer

To add yet another answer to the pile  because apparently there s so many ways of doing it depending on your setup  - I did it by selecting the literal option element and clicking it  find   some-selector-for-dropdown option value  1234     select option   It s not very pretty  but it works

User · Answer

another option is to add a method like this    def select option css selector  value      find  css  css selector  find  option  value  select option   end

User · Answer

none of the answers worked for me in 2017 with capybara 2 7  I got  ArgumentError  wrong number of arguments  given 2  expected 0    But this did   find   organizationSelect   all  css   option   find    o  o value     option name here    select option

User · Answer

In Capybara you can use only find with xpath  find  xpath        id  organizationSelect   option 2    click   and method click

User · Answer

For some reason it didn t work for me  So I had to use something else   select  option name here    from   gt   organizationSelect    worked for me

User · Answer

Here s the most concise way I ve found  using capybara 3 3 0 and chromium driver    all   id-of-select option   1  select option   will select the 2nd option  Increment the index as needed

[ruby] How to select option in drop down using Capybara

Examples related to ruby

Examples related to selenium-webdriver

Examples related to capybara