El cuadro de selección de verificación tiene ciertas opciones con Capybara

Question

¿Cómo uso Capybara para verificar que un cuadro de selección tenga ciertos valores enumerados como opciones? Tiene que ser compatible con selenio ...

Este es el código HTML que tengo:

<select id="cars"> 
    <option></option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

Esto es lo que quiero hacer:

Then the "cars" field should contain the option "audi" 

Answer 1

intente utilizar el capibara rspec matcher have_select(locator, options = {}) lugar:

#Find a select box by (label) name or id and assert the given text is selected 
Then /^"([^"]*)" should be selected for "([^"]*)"$/ do |selected_text, dropdown| 
    expect(page).to have_select(dropdown, :selected => selected_text) 
end 

#Find a select box by (label) name or id and assert the expected option is present 
Then /^"([^"]*)" should contain "([^"]*)"$/ do |dropdown, text| 
    expect(page).to have_select(dropdown, :options => [text]) 
end 

Answer 2

Then I should see "audi" within "#cars" 

debe hacer el truco

Answer 3

Por lo que vale, lo llamaría un menú desplegable, no un campo, así que escribiría:

Then the "cars" drop-down should contain the option "audi" 

Para responder a su pregunta, aquí está el código RSpec para implementar esta (no probado):

Then /^the "([^"]*)" drop-down should contain the option "([^"]*)"$/ do |id, value| 
    page.should have_xpath "//select[@id = '#{id}']/option[@value = '#{value}']" 
end 

Si desea probar para el texto opción en lugar del atributo de valor (lo que podría hacer para more readable escenarios), se podría escribir:

page.should have_xpath "//select[@id = '#{id}']/option[text() = '#{value}']" 

Answer 4

Bueno, desde que tenía alrededor y vi la cuestión (y estado probando hoy en día) decidí publicar mi manera:

within("select#cars") do 
    %w(volvo saab mercedes audi).each do |option| 
    expect(find("option[value=#{option}]").text).to eq(option.capitalize) 
    end 
end 

Answer 5

Como solución alternativa, y como yo no estoy familiarizado con XPaths, Hice esto para resolver un problema similar:

page.all('select#cars option').map(&:value).should == %w(volvo saab mercedes audi) 

Es bastante simple, pero me tomó un tiempo darme cuenta.