如何在PageObject中使用css获取元素

时间:2012-09-21 13:38:19

标签: watir page-object-gem

在我添加测试的项目中,我有一些复杂的元素来“获取” 我的textarea的html:

<div class="quote">        
 <div class="clearfix">          
  <div class="icon"></div>            
   <div class="text">
    <span class="yui3-widget yui3-inputwidget yui3-textareawidget yui3-textareawidget-focused" style="">
     <span class="yui3-textareawidget-content">
      <textarea name="" placeholder=""></textarea>
     </span>
    </span>
   </div>        
   <div class="author">
    (...) other text_field 
   </div>
  </div>        
 </div>    
</div>

目前,我使用此行设置值

@browser.element(:css => ".quote textarea").send_keys "test"

在PageObject中,我应该声明元素并使用它:

# declaration at the top
element(:quote_text, :css => ".quote textarea") 
# use it where I need
self.quote_text = "text"

但是当我使用时出现此错误:

undefined method `quote_text=' for #<PublishPage:0x33843c0> (NoMethodError)

我哪里错了?

2 个答案:

答案 0 :(得分:4)

执行element(:quote_text, :css => ".quote textarea")时,它只会生成方法(请参阅doc):

quote_text #Returns the text of the element
quote_text_element #Returns the element
quote_text? #Returns if the element exists

由于您知道它是文本区域并且需要文本区域方法,因此您应将其声明为:

text_area(:quote_text, :css => ".quote textarea") 

这将为您提供所期望的quote_text=方法(请参阅doc)。

更新 - 由于Watir-Webdriver仅支持元素类中的css选择器(请参阅Issue 124),因此您还需要更改定位器。 quote_text的两个替代声明似乎有效:

#Using a block to locate the element:
text_area(:quote_text){ div_element(:class => "quote").text_area_element }

#Using xpath:
text_area(:quote_text, :xpath => '//div[@class="quote"]//textarea') 

答案 1 :(得分:0)

我认为你不需要self(但我可能错了)。

试试这个

quote_text = "text"

而不是

self.quote_text = "text"