Jak wybrać opcję z listy rozwijanej za pomocą Kapibary

Próbuję wybrać pozycję z menu rozwijanego za pomocą Kapibary (2.1.0).

Chcę wybierać według numeru (czyli wybrać drugą, trzecią itd. Opcję).

Szukałem w Google jak szalony, próbując różnych rzeczy, ale bez powodzenia.

Udało mi się go wybrać za pomocą wartości:

 find("option[value='4c430d62-f1ba-474f-8e8a-4452c55ea0a8']").click

Ale nie chcę używać tej metody b / c, wartość jest czymś, co się zmieni i to sprawi, że mój test będzie kruchy.

Kod HTML listy rozwijanej to:

<td class="value">
    <select name="organizationSelect" id="organizationSelect" class="required">
     <option value="NULL">Choose...</option>
     <option value="4c430d62-f1ba-474f-8e8a-4452c55ea0a8">&nbsp;Institution1</option>
     <option value="e1a4efa7-352d-410a-957e-35c8a3b92944">&nbsp;Institution / test</option>
    </select>
</td>

Próbowałem też tego:

  option = find(:xpath, "//*[@id='organizationSelect']/option[2]").text  
  select(option, :from => organizationSelect)

Ale skutkuje tym błędem:

Ambiguous match, found 2 elements matching option "Institution" (Capybara::Ambiguous)

Jak więc mogę wybrać pierwszą, drugą, trzecią itd. Opcję z listy rozwijanej (używając Kapibary)?

Jeśli spojrzysz na źródło selectmetody , zobaczysz, że to, co robi, gdy podajesz fromklucz, to zasadniczo:

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

Innymi słowy, to znajdzie <select>jesteś zainteresowany, to znajdzie <option>w zasięgu, wtedy nazywa select_optionsię na <option>węźle.

Prawie już wykonałeś dwie pierwsze rzeczy, po prostu przestawiłbym je. Następnie możesz przyczepić select_optionmetodę na końcu:

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

Z jakiegoś powodu to nie zadziałało. Musiałem więc użyć czegoś innego.

select "option_name_here", :from => "organizationSelect"

pracował dla mnie.

inną opcją jest dodanie takiej metody

  def select_option(css_selector, value)
    find(:css, css_selector).find(:option, value).select_option
  end

Niestety najpopularniejsza odpowiedź nie działała w moim przypadku całkowicie. Musiałem dodać .select_optionna końcu oświadczenia

select("option_name_here", from: "organizationSelect").select_option

bez select_option, żaden wybór nie był wykonywany

Aby dodać jeszcze jedną odpowiedź do stosu (ponieważ podobno jest tak wiele sposobów na zrobienie tego w zależności od twojej konfiguracji) - zrobiłem to, wybierając optionelement dosłowny i klikając go

find(".some-selector-for-dropdown option[value='1234']").select_option

Nie jest zbyt ładna, ale działa: /

żadna z odpowiedzi nie zadziałała dla mnie w 2017 roku z kapibarą 2.7. Otrzymałem „ArgumentError: zła liczba argumentów (dane 2, oczekiwano 0)”

Ale to zrobiło:

find('#organizationSelect').all(:css, 'option').find { |o| o.value == 'option_name_here' }.select_option

Nie jest to bezpośrednia odpowiedź, ale możesz (jeśli pozwala na to Twój serwer):

1) Utwórz model dla swojej Organizacji; dodatkowo: łatwiej będzie wypełnić swój kod HTML.

2) Utwórz fabrykę (FactoryGirl) dla swojego modelu;

3) Utwórz listę (create_list) z fabryką;

4) „wybierz” (przykład) organizację z listy zawierającą:

# 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 "=", "<", ">", so on... 

Oto najbardziej zwięzły sposób, jaki znalazłem (przy użyciu kapibary 3.3.0 i sterownika chromowego):

all('#id-of-select option')[1].select_option

wybierze drugą opcję. Zwiększ indeks według potrzeb.

W Kapibara możesz używać tylko znajdowania z xpath

find(:xpath, "//*[@id='organizationSelect']/option[2]").click

i kliknij metodę