在UI自动化测试中，遇到Selenium Action的dragAndDrop方法无法完成HTML5拖拽操作。通过研究发现Selenium不支持HTML5拖拽。为了解决这个问题，采用JavaScript来实现拖拽功能。通过引入并执行模拟拖拽的JavaScript库drag_and_drop_helper.js，结合Selenium的executeScript()方法，成功实现了元素的拖拽操作。需要注意，调用模拟拖拽方法时，推荐使用元素ID作为参数。
最近做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_help
最低0.47元/天 解锁文章
3205
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
