Capybara incapable de sélectionner le bouton radio dans les tableaux de données

Question

J'ai un peu un problème, im essayant de sélectionner un bouton radio dans un ensemble de données-tables de données. Im capable de filtrer la ligne de données sur une seule table à un seul il est le seul qui apparaît sur la page ... mais j'ai essayé page.choose, page.find(<xpath>), page.find(<css>), j'ai aussi essayé de faire tout le précédent dans une certaine sélection de css et je n'arrive pas à comprendre ce qu'il me reste à essayer.

Le code HTML est pertinent ici, malheureusement comme cela est un élément de travail que je ne peux pas poster tout. Cependant, je suis capable de cliquer sur l'étiquette si je spécifie l'ID via:

find(:xpath, "//label[@for='approve_row_5']").click Cependant, cela ne semble pas réellement «sélectionner» le bouton radio. J'ai aussi essayé de faire une attente après je filtre la table de données Les résultats

de toute façon, voici le code HTML pour les 2 boutons radio après la ligne a été filtrée (les boutons radio résident dans une colonne)

<td class=" align-middle"> 
     <div class="radio"> 
      <input type="radio" name="approve_deny_row_5" id="approve_deny_row_5_approve" value="person_approve" data-ui-verify-key="test_approve" data-ui-verify-title="2017-07-13 14:59:46 -0400"> 
      <label for="approve_deny_row_5_approve"> 
      <span>Approve</span> 
      </label> 
     </div> 

     <div class="radio"> 
      <input type="radio" name="approve_deny_row_5" id="approve_deny_row_5_deny" value="person_deny" data-ui-verify-key="test_deny" data-ui-verify-title="2017-07-13 14:59:46 -0400" data-ui-verify-url="/irrelevant/stuff"> 
      <label for="approve_deny_row_5_deny"> 
      <span>Deny</span> 
      </label> 
     </div> 
     </td> 

Je pensais juste de trouver l'étendue par le texte et en cliquant dessus, ce qui passe .... mais ne sélectionne pas réellement le bouton radio. Aussi j'essayé la recherche par le sélecteur de valeur spécifique et par une find('input[value="test_approve"]').click mais pas eu de chance non plus

Toutes les idées?

Answer 1

En supposant que les entrées radio réelles sont visibles sur la page (et non cachée pour permettre le style) les méthodes qui doivent travailler à cette fin sont

choose("Approve") 
choose("Deny") 

ou

choose("approve_deny_row_5_approve") 
choose("approve_deny_row_5_deny") 

Si ceux vous dire ils ne peuvent pas trouver les éléments alors il est très probable que les éléments d'entrée sont cachés (pour des raisons de style) et vous devriez être en mesure d'utiliser le

choose('Approve', allow_label_click: true) 

qui cliquera sur l'élément d'étiquette associé à l'entrée plutôt qu'à l'élément d'entrée. Cela devrait produire le même résultat (en réglant le bouton radio) à moins que le comportement que vous recherchez soit basé sur JS recherchant un clic sur un élément très spécifique (plutôt que sur l'événement de changement sur l'entrée). Si tel est le cas, vous devez déterminer exactement l'élément sur lequel le JS recherche des clics, ou fixer le JS de manière plus intuitive.