解决selenium Action模拟拖拽无效

最新推荐文章于 2023-09-28 22:31:31 发布

lxlyes

最新推荐文章于 2023-09-28 22:31:31 发布

阅读量8.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Selenium 文章标签： selenium html5 拖拽

本文链接：https://blog.youkuaiyun.com/lxlyes/article/details/82420506

在UI自动化测试中，遇到Selenium Action的dragAndDrop方法无法完成HTML5拖拽操作。通过研究发现Selenium不支持HTML5拖拽。为了解决这个问题，采用JavaScript来实现拖拽功能。通过引入并执行模拟拖拽的JavaScript库drag_and_drop_helper.js，结合Selenium的executeScript()方法，成功实现了元素的拖拽操作。需要注意，调用模拟拖拽方法时，推荐使用元素ID作为参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做UI自动化时，需要将页面上一个元素拖拽到另外一个元素的位置，最开始写框架时，使用的Action鼠标模拟事件dragAndDrop实现，通过简单的测试没问题。但用到项目中后发现，这种方法根本就拖不过去，试了很多办法都不行，最后发现原来Selenium 的Action有不支持HTML5的拖拽的问题。

既然Selenium自带的方法行不通，就只能通过其他方法了，那最先想到的就是JavaScript了。本人对JavaScript不熟悉，简单使用还行，写个拖拽方法肯定做不到，然后各种找，还真有这么做的方法。本文参考此链接

下面介绍我的解决方法：

首先下载这个实现DragAndDrop方法的JavaScript，这里是原下载地址，下载不了的可以来这里下载，提取码是：wnee。

然后将js引入。说一下我的环境：Java + TestNG + Selenium3 实现UI自动化，被测网站用的Angular框架，因为这个js是基于JQuery的，所以还要进入JQuery（开发说网站引用了JQuery了，但我这里不引入还是不能用）。

最后调用executeScript()方法运行js。这里要说的是调用drag_and_drop_helper.js里的simulateDragDrop时，最好使用元素ID，如果没有ID可以让开发人员加上。下面是详细的代码: