cucumber - 在重复的相似ID下定义时如何单击编辑按钮

Question

我有一个页面，其中有许多编辑按钮。每个按钮都有相同的 id 即 enable_edit_content 。如何单击特定按钮。

这是我必须点击的代码

<div class="sub-controls" id="motion_eligibility_entry-subcontrols">
<button class="btnedit" **id="enable_edit_content"** name="button" type="button"></button>
<input class="btnsave submit_form" id="save_motions_eligibility_entry" name="commit" 
 type="submit" value="" disabled="disabled">
<button class="btnkill" id="cancel_content" name="button" type="button" 
 disabled="disabled"></button>
</div>

任何帮助将不胜感激。我已经尝试过，但无法得到我的结果：-

 1)   page.all(:css, '#enable_edit_content').each_with_index do |el, i|
           i += 1
           if i == 3
                     el.click
           end
        end
 2)find(:xpath, "//div[@id='motion_eligibility_entry-subcontrols']/button[1]").click

Answer 1

您还可以使用 inside 块缩小您的 css 选择器的范围。

within('.sub-controls) do 
  page.find('#enable_edit_content).click
end

由于这个问题，我强烈建议避开 xpath 并改用 css 选择器！

希望这可以帮助。