无法定位嵌套的 p 元素答案

【问题标题】：Unable to locate nested p element无法定位嵌套的 p 元素
【发布时间】：2015-06-02 15:06:41
【问题描述】：

如何在 HTML 中定位“平铺”元素：

<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"}

【问题讨论】：

标签： ruby-on-rails rspec watir watir-webdriver page-object-gem

【解决方案1】：

在 HTML 中，“tile”类的元素实际上是一个p 元素：

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

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

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

【讨论】：