データテーブルのラジオボタンを選択できません

Question

データテーブルのラジオボタンを選択しようとしていますが、問題があります。私は1つのページに表示される唯一のものだから1つのデータテーブル行をフィルタリングすることができます...しかし、私は試したpage.choose、page.find(<xpath>)、page.find(<css>)、私はまた、私は何を試して残っているのか分かりません。

残念ながら、これは作業項目なので、すべてを投稿することはできません。私はIDを指定するとラベルをクリックすることができます：

find(:xpath, "//label[@for='approve_row_5']").clickこれは実際にラジオボタンを選択しているようには見えません。私は、データ・テーブルには、ここで、とにかく

を結果行が（ラジオボタンが列に存在する）

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

濾過された後に2つのラジオボタンのHTMLでフィルタリングした後、私はまた、待ち時間をやってみました

テキストでスパンを見つけてそれをクリックすると考えましたが、実際にはラジオボタンは選択されません。また、私はfind('input[value="test_approve"]').click経由で特定の値セレクタで検索しようとしましたが、どちらも運がなかった

アイデア？それらはあなたを教えている場合、このために働く必要があります方法は

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

または

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

ある実際の無線入力がページ上に表示されている（とスタイリングを可能にするために隠されていない）と仮定すると、

Answer 1

彼らは要素を見つけることができませんし、入力要素が実際に隠されている可能性があります（スタイリングの理由で）

choose('Approve', allow_label_click: true) 

入力要素ではなく入力に関連付けられたラベル要素をクリックします。探している振る舞いが、（入力の変更イベントではなく）非常に特定の要素のクリックを探すJSに基づいていない限り、同じ結果（ラジオボタンの設定）が生成されるはずです。そのような場合は、JSがどの要素をクリックしているかを正確に把握するか、JSをより直感的に動作させるように修正する必要があります。