Rails系统测试中Capybara元素坐标错误致点击拦截问题求助

核心问题分析 #

你遇到的错误本质是目标元素的点击位置被页面其他元素（比如固定导航、动态遮罩）遮挡，同时元素坐标计算异常可能是因为元素未完全渲染或不在当前视口内。

可行解决方案： #

• 滚动到元素可见区域后点击
  先将目标元素滚动到视口内，确保浏览器能正确识别点击位置：

  tags_list = find("#request__tags-list")
  # 滚动至元素顶部对齐视口
  execute_script("arguments[0].scrollIntoView(true);", tags_list)
  tags_list.click
  

• 用JS直接触发点击事件
  绕过浏览器的物理点击检测，直接调用元素的点击方法，避免遮挡问题：

  find("#request__tags-list").execute_script("this.click();")
  

• 排查并移除遮挡元素
  检查页面是否存在固定定位的导航栏、加载遮罩等元素，测试中先处理这些遮挡：

  • 若有固定头部，提前调整页面滚动位置：execute_script("window.scrollBy(0, 150);")
  • 等待动态加载完成，确保遮罩消失：assert_no_selector(".loading-mask", wait: 5)

• 验证元素定位的唯一性
  打印的坐标异常可能是定位到了错误的元素，检查页面中是否有多个匹配的元素：

  # 输出匹配到的元素数量
  puts page.all("#request__tags-list").size
  

  若存在多个，优化选择器精度，比如结合父容器：find(".request-form #request__tags-list")

内容的提问来源于stack exchange，提问作者Johan Donado B.