Selenium/Blazor(C#)跨列表元素拖拽无响应问题求助

你的代码不生效是两个问题叠加导致的：

1. 元素定位完全错误
   • 你写的源定位符//div[@class='mud-drop-zone rounded flex-grow-1 py-4 pa-4']抓的是用来放置拖拽项的容器区域，不是带draggable="true"属性、可以被拖动的元素。MudBlazor组件中真正可拖拽的条目是类名包含mud-drop-item的子元素，抓着容器拖当然不会有任何效果。
   • 目标定位符//div[@class='mud-drop-item']/..逻辑混乱，如果你要把条目拖到另一个空的拖拽放置区，直接定位对应mud-drop-zone容器即可，向上抓父节点很容易出现坐标偏移、事件触发对象错误的问题。
   • 额外提醒：不要用精确匹配class属性的XPath，MudBlazor会根据组件状态、版本迭代给元素追加动态类名（比如拖拽悬停时会加mud-drop-zone-hover类），用contains(@class, '目标类名')做模糊匹配稳定性高很多。
2. 原生Actions链式调用对HTML5拖放API兼容性极差
   你手动拼接的ClickAndHold->MoveToElement->Release链路，以及Selenium自带的DragAndDrop方法，在Chrome 80+版本、基于HTML5原生拖放实现的前端组件（包括MudBlazor的拖放组件）上有极高概率失效：代码执行无报错，但浏览器安全策略会拦截非用户真实操作触发的拖放事件，页面不会有任何响应。

第一步：先修正定位逻辑 #

举个定位示例：如果你要把左侧第一个放置区里的第一个可拖拽条目，拖到右侧第二个放置区，正确的定位写法如下：

// 源：第一个放置区内的可拖拽条目
var sourceItem = _webDriver.FindElement(By.XPath("//div[contains(@class,'mud-drop-zone')][1]//div[contains(@class,'mud-drop-item')]"));
// 目标：第二个放置区容器
var targetZone = _webDriver.FindElement(By.XPath("//div[contains(@class,'mud-drop-zone')][2]"));

如果需要拖到目标列表的指定位置（比如插在某个已有条目之前），直接把目标元素改成对应位置的mud-drop-item节点即可。

第二步：优先用JS注入方式实现拖拽（100%兼容MudBlazor组件） #

不要用原生Actions模拟操作，直接通过JS手动触发完整的拖放事件链路，绕过浏览器的安全拦截，代码如下：

public void DragAndDrop(IWebElement sourceElement, IWebElement targetElement)
{
    const string dragAndDropScript = @"
        function dispatchDragEvent(element, eventType, dataTransfer) {
            const dragEvent = new DragEvent(eventType, {
                bubbles: true,
                cancelable: true,
                dataTransfer: dataTransfer
            });
            element.dispatchEvent(dragEvent);
        }
        const dt = new DataTransfer();
        dispatchDragEvent(arguments[0], 'dragstart', dt);
        dispatchDragEvent(arguments[1], 'dragenter', dt);
        dispatchDragEvent(arguments[1], 'dragover', dt);
        dispatchDragEvent(arguments[1], 'drop', dt);
        dispatchDragEvent(arguments[0], 'dragend', dt);
    ";
    var jsExecutor = (IJavaScriptExecutor)_webDriver;
    jsExecutor.ExecuteScript(dragAndDropScript, sourceElement, targetElement);
}

如果你的场景必须用原生Actions模拟，修正定位后可以先试内置的DragAndDrop方法，比手动拼接事件链稳定性高：

new Actions(_webDriver).DragAndDrop(sourceItem, targetZone).Perform();

注意：这个方法在高版本Chrome上对MudBlazor组件大概率还是失效，优先用上面的JS注入方案。

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