无法定位嵌套的 p 元素

Question

如何在 HTML 中找到 "tile" 元素：

<div class="con-head">
  <div class="up-at js-con-dates">
    <span class="bold">Last date</span>
    7:13 PM <br>
    <span class="bold">Save</span>
    7:12 PM
  </div>
  <p class="tile">Text: Kids </p>
  <p class="desc js-desc" style="">Q&A </p>
</div>

我试图用访问器定位它：

div(:my_title) { div_element(:class => 'con-head').div_element(:class => 'tile') }

但它不工作并给出错误：

Watir::Exception::UnknownObjectException: unable to locate element, using {:class=>"tile", :tag_name=>"div"}

Answer 1

在HTML中，class"tile"的元素实际上是一个p元素：

<p class="tile">Text: Kids </p>

因此，您需要使用 paragraph_element 方法而不是 div_element 方法来定位它：

div(:my_title) { div_element(:class => 'con-head').paragraph_element(:class => 'tile') }