水豚和带有重复文本的嵌套div

Question

我正在尝试测试黄瓜和水豚的标题。这个词本身就是实践。问题是在页面上多次使用练习，所以我遇到了不明确的匹配问题。由于单词嵌套在许多div中，我相当困难。代码的相关部分如下：

  <li class="section">
    <div class="section">
      <div class="section-heading" data-tracking-label="Lesson Menu > Section Heading">
        <div class="indicator">
          <div class="icon">
            <div class="glyph"></div>
          </div>
        </div>
        <div class="name">Practice</div>
      </div>

Answer 1

我能够通过以下

解决这个问题

page.find('.section-heading', :text => 'Practice').click

Answer 2

使用以下语法：

# within syntax is best when you have Ambiguous matches
within(".section-heading")do
  find('.name', :text => 'Practice').click
end