Selenium：Selenium 中的 DragAndDrop 在 chrome 中不起作用 （C#）

对于 Selenium，您可以尝试使用鼠标事件调度原始事件。

提供 selenium JavaScript 实现。 以下是您可以尝试的代码：

要调用的函数（注意 dispatchDND 是字符串函数，可以在下面找到它）

async function dragAndDropEvent(selectorDrag: string, selectorDrop: string | null, options: any = {}) {
    return driver.executeScript(dispatchDND, selectorDrag, selectorDrop, options);
}

参数图例：

selectorDrag： 拖拽元素的CSS选择器

selectorDrop：drop 元素的 Css 选择器。如果要将元素放入 指定位置只需发送 null 作为第二个参数。

options：这里可以设置【dragElemIndex】选项 如果有多个元素与 [selectorDrag] 匹配。再来一个 如果要使 [selectorDrag] 元素，则选项为 [makeDraggable： true] 可拖动。[dropLocation] （丢弃位置）使用 dropLocation.x dropLocation.y dropLocation.z 作为放置元素的特定坐标。

原生 js 函数来执行拖放。

const dispatchDND = `function dragAndDrop(selectorDrag, selectorDrop, options) {

    let elemDrag, elemDrop;

    if (!selectorDrag) {
        throw new Error('Error! Element [selectorDrop] selector not defined.');
    }

    if (!options) {
        throw new Error('Options not specified! Please add options or just send <{}>.');
    }

    if (options.dragElemIndex != undefined) {
        const elements = document.querySelectorAll(selectorDrag);
        elemDrag = elements[options.dragElemIndex];
    } else {
        elemDrag = document.querySelector(selectorDrag);
    }

    elemDrop = (selectorDrop === null && options.dropLocation) ? null : document.querySelector(selectorDrop);

    if (options.makeDraggable)
         makeDraggable(elemDrag);

    function makeDraggable(elm) {
        elm.draggable = true;
    }

    if (elemDrag === undefined || elemDrag === null) {
        throw new Error('Error!Cannot get element with specified selector.');
    }

    function fireMouseEvent(type, elem, dataTransfer) {
        const evt = document.createEvent('MouseEvents');
        evt.initMouseEvent(type, true, true, window, 1, 1, 1, 0, 0, false, false, false, false, 0, elem);
        if (/^dr/i.test(type)) {
            evt.dataTransfer = dataTransfer || createNewDataTransfer();
        }
        (elem === null) ? document.body.dispatchEvent(evt) : elem.dispatchEvent(evt);
    }

    function createNewDataTransfer() {
        let data = {};
        return {
            clearData: function(key) {
                if (key === undefined) {
                    data = {};
                } else {
                    delete data[key];
                }
            },
            getData: function(key) {
                return data[key];
            },
            setData: function(key, value) {
                data[key] = value;
            },
            setDragImage: function() {},
            dropEffect: 'none',
            files: [],
            items: [],
            types: [],
        };
    }

    function mouseMove() {
        const evt = document.createEvent('MouseEvents');
        if (elemDrop === null) {
            evt.initMouseEvent('mousemove', true, true, window, 1, 1, 1, options.dropLocation.x,
             options.dropLocation.y, false, false, false, false, 0, null);
        } else {
             evt.initMouseEvent('mousemove', true, true, window, 1, 1, 1, 0, 0, false, false, false,
                false, 0, elemDrop);
        }
        if (/^dr/i.test('mousemove')) {
            evt.dataTransfer = dataTransfer || createNewDataTransfer();
        }
        (elemDrop === null) ? document.body.dispatchEvent(evt) : elemDrop.dispatchEvent(evt);
    }

    function drop() {
        if (elemDrop === null) {
            const evt = document.createEvent('MouseEvents');
            evt.initMouseEvent('mouseup', true, true, window, 1, options.dropLocation.x, options.dropLocation.y,
                options.dropLocation.x, options.dropLocation.y, false, false, false, false, 0, null);
            document.body.dispatchEvent(evt);
        } else {
            fireMouseEvent('mouseup', elemDrop);
        }

    }

    fireMouseEvent('mousedown', elemDrag);
    mouseMove();
    drop();

    return true;
}

dragAndDrop(arguments[0], arguments[1], arguments[2]);
`;