处理元素在点 (x, y) 处不可点击。其他元素会收到点击：使用 Capybara、ruby、Webdriver

Question

我正在编写一个 UI 测试，它会转到文章列表并选择 load_more 按钮，直到该按钮不再可用（因为所有文章都已加载）。问题是该按钮此时已被隐藏而不是被删除，并且正在返回此错误

Selenium::WebDriver::Error::UnknownError: unknown error: Element <div 
class="">...</div> is not clickable at point (x, y). Other element 
would receive the click: <div class="" id="" data-module-name="">... 
</div>

(Session info: chrome=65.0.3325.181)
(Driver info: chromedriver=2.36.540469 
ruby-2.5.1/gems/selenium-webdriver 
3.11.0/lib/selenium/webdriver/remote/response.rb:69:in `assert_ok'

我已经尝试了几种循环类型，但为此，如果我们假设我正在使用

while world.page.has_load_more?
  world.page.load_more.click
break if world.page.has_load_more? == false
end

问题是我如何告诉 Selenium 这没问题并且不会出错，所以我可以继续我的测试用例（黄瓜）中的下一步。我意识到循环类型的选择也可能不正确，因此也可以随意提出更改建议。

Answer 1

首先，正如 Rajagopalan 所指出的，您得到的错误不是您的元素不可见（如被 CSS 隐藏），而是它被另一个元素重叠。您可以调用save_and_open_screenshot 来查看与按钮重叠的元素（可能是固定页脚等？）。确保您已将窗口大小设置得足够大，以免元素意外重叠，并确保您运行的是最新版本的 Capybara，因为它会尝试通过在可能的情况下将它们滚动到视图中来处理 selenium 中的重叠元素。

其次，while 和 break 在您的问题中的循环没有多大意义，因为它们检查的是同一件事。此外，假设“加载更多”按钮正在通过 AJAX 加载并附加到页面，您可能需要等待新元素加载，然后再检查按钮是否存在（click 不会等待操作完成，因为它有不知道可以/将触发什么动作）。然后就会变成类似

的结构

 while page.has_button?('Load More')
   # Get the current number of visible articles
   article_count = page.all('div.article').count # Use whatever selector would match an article in the list
   # click the button
   page.click_button('Load More')
   # ensure more articles have loaded
   expect(page).to have_css('div.article', minimum: article_count + 1)
end

注意：您可能想要更改它以使用您正在使用的任何页面对象方法（has_load_more? 等），但一般逻辑应该是正确的