rspec - 水豚单击基于文本和 html 数据属性的项目

Question

我已经将 capybara 与 rspec / rails 一起用于非常简单的测试，但有一个包含很多按钮的页面。我有一组这样的按钮：

<button class="add-item text-as-link btn" data-menu-item-id="50" data-menu-header-id="34">add menu item</button>

data-menu-item-id 可能与我需要的一样具体。我该怎么做：

click_on "add menu item"  # need to also have data-menu-item-id since multiple 'add menu item'

，和数据？

谢谢

Answer 1

如果要根据元素的属性和文本查找元素，则需要通过 xpath 定位它。以下 xpath 将定位具有指定 data-menu-item-id 属性和文本的按钮元素：

//button[@data-menu-item-id="50" and text()="add menu item"]

你可以得到这样的元素：

button = page.first(:xpath, '//button[@data-menu-item-id="50" and text()="add menu item"]')

然后像这样点击它：

button.click