使用页面对象模型访问嵌套 div

我在访问嵌套 div 时遇到问题。

这是我的场景。我需要访问内部 div 中的总计。有人可以在这里解释一下吗？

<div id="RequestSend">
    <div class="title">
        Requests Sent
    </div>
    <div class="total">
        10
    </div>
</div>
<div id="RequestReceived">
    <div class="title">
        Requests Received
    </div>
    <div class="total">
        20
    </div>
</div>

我尝试了以下操作，但没有成功。

    Approach 1:

    prof.rb
    =======

    div(:total_count, {:class => 'total'})
    div(:request_send, {:id => 'RequestSend'})

    prof_spec.rb
    =============
    page.request_send_element.total_count.should eq 10

    Output:
    NoMethodError: undefined method `total_count' for #<Selenium::WebDriver::Element:0x....>


    Approach 2:

    prof.rb
    =======
    divs(:total_count, {:class => 'total'})

    prof_spec.rb
    ============
    total_count[0] # for first 
    total_count[1] # for second

Please note I am a new user to page object.

解决方案 1 - 块

最直接的方法是在定义评估器时使用块。这允许您指定元素的路径 - 即允许您将搜索范围限制到特定元素。

最简单的就是链接一堆div_element1种方法并用：

div(:request_send_total){
  div_element(:id => 'RequestSend').div_element(:class => 'total')
}
div(:request_received_total){
  div_element(:id => 'RequestReceived').div_element(:class => 'total')
} 

或者，如果您可能需要在 RequestSend/RequestReceived div 中查找不同的内容，我将专门为每个 div 创建一个访问器。然后总计的访问器将调用父元素：

div(:request_send, :id =>'RequestSend')
div(:request_send_total){
  request_send_element.div_element(:class => 'total')
}
div(:request_received, :id =>'RequestReceived')
div(:request_received_total){
  request_received_element.div_element(:class => 'total')
}

在这两种情况下，您的页面 API 将是：

page.request_send_total
#=> 10
page.request_received_total
#=> 20

解决方案 2 - 小部件

更复杂的实现，但更好的页面 API 是使用小部件。基本上，这就像使用自己的特定方法创建元素类型。

您可以创建一个请求小部件，例如：

class Request < PageObject::Elements::Div
  def total
    div_element(:class => 'total').text
  end
end
PageObject.register_widget :request, Request, :div

然后，您的页面对象将使用注册的request访问器：

request('request_send', :id => 'RequestSend')
request('request_received', :id => 'RequestReceived')

最后，您将得到的总值为：

page.request_send_element.total
#=> 10
page.request_received_element.total
#=> 20