select li 点击水豚 class

Question

我正在尝试 select li 列表中的 Twitter i class 图标。

<li class="select2-results__option select2-results__option--highlighted" id="select2-account_id_some_number" role="treeitem" aria-selected="true">
  <img src="/photo.jpg?793844">
  <span class="account-name">Twitter-1</span>
  <i class="icon-Twitter center-vertical"></i>
</li>

所以如果我 select 第一个，它就有效。我要怎样才能select。例如，如果它是推特，它可以是第一个或第二个或第三个元素。我只想用 Twitter 定位图标，然后单击它。

first('.select2-results__option').click

Answer 1

find('i.icon-Twitter').click

将单击您想要的

内的实际图标，并且应该触发 li 单击处理程序。您还可以使用

之类的内容触发文本

find('li.select2-results__option', text: 'Twitter-1').click

这将根据其中的可见文本单击所需的

select li 点击水豚 class

select li click capybara class

select

click

html-lists

capybara