单击在 Cucumber 中具有特定文本的 html 元素

Question

我在html中有多个这样的标签元素

<label class="article-list">
    first
</label>
<label class="article-list">
    secound
</label>
<label class="article-list">
    Idividual
</label>

在场景中我有这样的事情； "用户点击"第一个"选项"

现在我需要点击其中包含“first”文本的标签元素。我该怎么做？

我知道如何使用类和其他东西获取元素，但不是这样。

Answer 1

查找元素时，可以使用:text选项指定元素的文本。

点击“第一个”标签：

find('label.article-list', :text => 'first').click

点击“第二个”标签：

find('label.article-list', :text => 'secound').click

当然，Cucumber 步骤要传递指定的文本：

When /User click "([^"]+)" option/ do |option|
  find('label.article-list', :text => option).click
end

Answer 2

您可以使用:contains 来获取具有给定文本的元素

Live Demo

$('label').click(function(){
   alert(this.className); 
});

$('label:contains(first)').click();

描述：选择所有包含指定文本的元素。