Robot Framework执行Drag and Drop拖拽操作无效果求助

首先明确：当前问题大概率不是元素定位配置错误。如果源/目标元素定位失败，SeleniumLibrary内置的drag and drop关键字会直接抛出元素不存在的异常，用例会直接标记为失败，不会返回通过状态。

你当前使用的测试配置 #

# 拖拽源元素定位
${DragFromPlaceId}    xpath:/html/body/app-root/div/app-master/div/div[3]/div/div/div/app-campaign-builder/div/div/div/app-build-audience/article/section/app-dynamic-variable-mapping/article/footer/section[1]/div/div/span[4]
# 放置目标元素定位
${DropToPlaceId}      xpath:/html/body/app-root/div/app-master/div/div[3]/div/div/div/app-campaign-builder/div/div/div/app-build-audience/article/section/app-dynamic-variable-mapping/article/footer/section[2]/div/ul/li[1]/h5
# 拖拽执行语句
drag and drop    ${DragFromPlaceId}    ${DropToPlaceId}

按出现概率排序的失效原因及修复方案 #

• 原生拖拽关键字不兼容前端拖拽实现
  这是此类问题最高发的原因。目前绝大多数业务系统的拖拽能力基于HTML5 Drag API、React DnD、Vue Draggable等库实现，Selenium原生drag and drop关键字模拟的是mousedown -> mousemove -> mouseup的旧版鼠标事件链，不会触发HTML5标准的dragstart/dragover/drop事件，前端组件识别不到拖拽行为，自然不会移动元素；而Selenium层面只校验自身事件模拟流程无报错，就会标记用例通过。
  修复方案二选一即可：
  1. 拆分鼠标操作步骤，增加操作间隔适配前端监听逻辑

  mouse down    ${DragFromPlaceId}
  sleep    0.5s
  mouse move    ${DropToPlaceId}
  sleep    0.5s
  mouse up    ${DropToPlaceId}
  

  2. 如果拆分操作仍无效，直接注入JS模拟HTML5标准拖拽事件，适配90%以上的现代前端拖拽组件

  ${drag_script}=    Evaluate    """
  function simulateDrag(source, target) {
    const dataTransfer = new DataTransfer();
    source.dispatchEvent(new DragEvent('dragstart', {bubbles: true, cancelable: true, dataTransfer}));
    target.dispatchEvent(new DragEvent('dragover', {bubbles: true, cancelable: true, dataTransfer}));
    target.dispatchEvent(new DragEvent('drop', {bubbles: true, cancelable: true, dataTransfer}));
    source.dispatchEvent(new DragEvent('dragend', {bubbles: true, cancelable: true, dataTransfer}));
  }
  simulateDrag(arguments[0], arguments[1]);
  """
  Execute Javascript    ${drag_script}    ${DragFromPlaceId}    ${DropToPlaceId}
  

• 定位到的元素不是实际绑定拖拽事件的节点
  你当前使用的是从html根节点开始的绝对路径XPath，定位到的span[4]、h5节点很可能只是组件内部的文本/装饰节点，不是绑定了拖拽事件的可拖拽句柄、可放置容器节点。
  验证方式：执行用例时观察页面，源元素被点击后如果没有出现拖拽占位符、拖拽阴影等状态，说明定位节点错误。优先查找带draggable="true"属性、带拖拽样式类名的节点作为源元素，查找带拖拽放置区类名的节点作为目标元素，替换掉现有绝对路径XPath，用属性定位的方式提升准确性和稳定性。
• 目标放置区需要悬停触发渲染
  部分动态加载、折叠收起的放置区域，需要拖拽源在对应位置悬停300ms-1s才会完成渲染、进入可放置状态。如果移动到目标位置后立刻触发松开/ drop事件，事件会被上层遮挡元素拦截，导致拖拽失效。这种情况在鼠标移动到目标位置后增加1s以内的等待，待放置区渲染完成后再执行松开操作即可。

快速排查技巧：打开浏览器开发者工具的事件监听面板，绑定drag类事件的断点，执行原有拖拽语句，如果断点完全没有触发，直接使用JS注入方案即可，无需反复调整定位。

内容的提问来源于stack exchange，提问作者user2609370