Comment sélectionner une option dans la liste déroulante à l'aide de Capybara

Je suis en train de sélectionner un élément dans un menu déroulant à l'aide de Capybara (2.1.0).

Je veux sélectionner par numéro (sens sélectionnez la deuxième, troisième, etc option).

J'ai Googlé comme un fou en essayant toutes sortes de choses, mais pas de chance.

J'ai pu sélectionner à l'aide de la valeur:

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

Mais je ne veux pas utiliser cette méthode b/c la valeur est quelque chose qui va changer et que va faire mon test cassants.

Le code HTML de la liste déroulante est:

<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>

J'ai aussi essayé ceci:

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

Mais il en résulte cette erreur:

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

Alors, comment puis-je sélectionner la première, deuxième, troisième, etc option dans le menu déroulant (à l'aide de Capybara) ?

InformationsquelleAutor Farooq | 2013-11-21

125

Si vous jetez un oeil à la source de l' select méthode, vous pouvez voir que ce qu'il fait quand vous passez une from clé est essentiellement:
```
find(:select, from, options).find(:option, value, options).select_option
```
En d'autres termes, il trouve le <select> qui vous intéresse, puis trouve le <option> sein, puis appelle select_option sur le <option> nœud.

Vous ai déjà assez bien fait les deux premières choses, je venais de les réorganiser. Ensuite, vous pouvez fixer le select_option méthode sur la fin:
```
find('#organizationSelect').find(:xpath, 'option[2]').select_option
```
- Merci beaucoup Carole! Apprécie vraiment l'aider! 😀
- Ou un simple click fonctionne très bien.
- Voudrais ajouter cette référence pour ceux à la recherche de cette dans le futur: gist.github.com/zhengjia/428105
- Super réponse! Je voudrais ajouter que dans les Rails 5, vous pouvez le faire de la manière suivante: les select('option_name', from: 'select_box'). Où les valeurs peuvent être: id, nom, liées à l'élément label. Vous pouvez en lire plus à propos de Capybara et DSL options ici.
InformationsquelleAutor carols10cents
166

Pour une raison quelconque, il ne fonctionne pas pour moi. J'ai donc dû utiliser quelque chose d'autre.
```
select "option_name_here", :from => "organizationSelect"
```
a fonctionné pour moi.
- Bizarre, cela ne fonctionne pas pour moi que cette méthode semble prendre au moins 3 options. Bien que le code que vous avez proposé correspond au code d'exemple de la capybara guide.
- ce n'est pas form, il est from. Voici la documentation sur select
- Peut-être intéressant de noter la valeur est le nom, l'id ou le texte de votre étiquette. c'est à dire "#organizationSelect" est incorrect, mais "organizationSelect" devrait fonctionner.
- Cela n'a pas fonctionné pour moi, mais carols10cents la solution n'. Ce n'est pas une critique de votre réponse. Je trouve qu'il est vraiment étrange que même sur la dernière version de capybara, certains appels de travail et quelques appels ne sont même pas quand intution laisserait croire que de multiples solutions d'oeil valide. Il me conduire fou. Est-ce lié à firefox (ou quel que soit le navigateur capybara se termine avec)?
- Je pense que cela ne fonctionnera que lorsque le nom de l'option et la valeur d'option sont les mêmes.
InformationsquelleAutor RVM

une autre option est d'ajouter une méthode comme ceci

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

InformationsquelleAutor montrealmike

4

Malheureusement, la réponse la plus populaire n'a pas fonctionné pour moi tout à fait. J'ai dû ajouter .select_option à la fin de l'instruction

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

sans select_option, pas de sélectionner a été effectuée
- Comment se fait que vous pourriez appeler .select_option, depuis le select méthode renvoie une valeur booléenne?
InformationsquelleAutor Sam D
2

Pour ajouter encore une autre réponse à la pile (car apparemment il y a tellement de façons de le faire, selon votre installation) - je l'ai fait en sélectionnant le littéral option élément et en cliquant dessus
```
find(".some-selector-for-dropdown option[value='1234']").select_option
```
Ce n'est pas très joli, mais ça fonctionne :/

InformationsquelleAutor user2490003
2

aucune réponse n'a fonctionné pour moi en 2017 avec le capybara 2.7.
J'ai eu "ArgumentError: mauvais nombre d'arguments (2, attendu 0)"

Mais ce n':
```
find('#organizationSelect').all(:css, 'option').find { |o| o.value == 'option_name_here' }.select_option
```
InformationsquelleAutor bjelli
1

Ce n'est pas une réponse directe, mais vous pouvez (si votre serveur le permettent):

1) Créer un modèle pour votre Organisation;
extra: Il sera plus facile de remplir votre HTML.

2) Créer une usine (FactoryGirl) pour votre modèle;

3) Créer une liste (create_list) avec l'usine;

4) 'pick' (échantillon) d'une Organisation à partir de la liste avec:
```
# 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... 
```
- si je dois créer un modèle, il n'y a pas de point à l'aide de capybara
InformationsquelleAutor David V. Teixeira
0

Voici le plus concis moyen que j'ai trouvé (à l'aide de capybara 3.3.0 et chrome pilote):
```
all('#id-of-select option')[1].select_option
```
permettra de sélectionner la 2ème option. Incrémenter l'index en tant que de besoin.

InformationsquelleAutor pduey
0

Dans le Capybara, vous pouvez utiliser seulement trouver avec xpath
```
find(:xpath, "//*[@id='organizationSelect']/option[2]").click
```
et de la méthode cliquez sur

InformationsquelleAutor Alexandr

Vous devez vous connecter pour publier un commentaire.