解决selenium Action模拟拖拽无效

    最近做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可以让开发人员加上。下面是详细的代码:

//读取jQuery文件到变量
String jquery_str="";
File jquery_file = new File("./tools/jquery-3.3.1.js");
try {
	FileInputStream in=new FileInputStream(jquery_file);
	int size=in.available();
	byte[] buffer=new byte[size];
	in.read(buffer);
	in.close();
	jquery_str=new String(buffer,"GB2312");
}catch (IOException e) {
	e.printStackTrace();
	Logger.Output(LogType.LogTypeName.ERROR, "jquery-3.3.1.js文件读取失败！"+ e.getMessage());			
}

//读取drag_and_drop_helper.js文件到变量str
String dnd_str="";
File dnd_file = new File("./tools/drag_and_drop_helper.js");
try {
	FileInputStream in=new FileInputStream(dnd_file);
	int size=in.available();
	byte[] buffer=new byte[size];
	in.read(buffer);
	in.close();
	dnd_str=new String(buffer,"GB2312");
}catch (IOException e) {
	e.printStackTrace();
	Logger.Output(LogType.LogTypeName.ERROR, "drag_and_drop_helper.js文件读取失败！"+ e.getMessage());
				
}
//运行JS方法实现拖拽
JavascriptExecutor jse = (JavascriptExecutor) driver;
jse.executeScript(jquery_str + dnd_str + "$('#element_ID').simulateDragDrop({ dropTarget: '#target_element_id'});");