元素不是可点击的错误Ruby / Watir

在我的测试中，我试图点击etsy.com，进行搜索，点击结果，然后将项目添加到我的购物车。 我能够完成所有工作，直到我尝试点击“添加到购物车”按钮。 下面的代码实际上在IRB中工作，所以我知道我的定位器是可靠的，但是当我运行测试时，我得到一个元素在点错误时无法点击

C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/selenium-webdriver-3.6.0/lib/selenium/webdriver/remote/response.rb:71:in 'assert_ok': unknown error: Element is not clickable at point (930, 586) (Selenium::WebDriver::Error::UnknownError) (Session info: chrome=61.0.3163.100)

这是我的考试

 require 'watir' # test that a user can search for and add an item to shopping cart b = Watir::Browser.new :chrome begin b.goto "http://etsy.com" b.text_field(:id => 'search-query').set 'bacon is my spirit animal coaster' b.button(:value => 'Search').present? b.button(:value => 'Search').click bp(:text => /Bacon Spirit Animal Coaster/).click b.select_list(:id => 'inventory-variation-select-0').option(:text => 'Single ($8.00)').select b.button(:text => /Add to cart/).click if b.text.include?("item in your cart") puts "Test passed!" else puts "Test failed!" end ensure b.close end 

这是按钮的页面HTML。

  
Add to cart
 
 
 
  

Answer 1

根据浏览器宽度（以及可能的其他因素），可能会有添加到购物车按钮上方的对话框。 例如，当测试失败时，按钮顶部有一个入门对话框。 Chrome会尝试按位置点击。 如果另一个元素位于该位置元素的顶部，Chrome将抛出exception。

最简单的解决方案是通过直接触发click事件来绕过Chrome的检查：

 # Watir > 6.8.0: b.button(:text => /Add to cart/).click! # note the exclamation mark # Watir < 6.8.0: b.button(:text => /Add to cart/).fire_event(:onclick) 

其他可能有条件的解决方案：

• 在单击按钮之前最大化浏览器 – browser.window.maximize 。 这可以使浮动元件远离按钮。
• 关闭浮动对话框。