使用Java中的Java脚本解决方法在IE11中进行Selenium拖放
[英]Selenium Drag-and-drop in IE11 using java script workaround in java
问题描述
I am trying to use java script workaround for to get Drag and Drop working with selenium Web driver with java on IE11 and Chrome?? 
我正在尝试使用Java脚本解决方法来使拖放与IE11和Chrome上的Java配合使用硒Web驱动程序？ I am using selenium 3.4 with java 1.8 我在Java 1.8中使用Selenium 3.4
Here is my code : 这是我的代码：
**Web Element Initialisation**
@FindBy(how = How.CSS, css =".work-card-description.searchable-field")
private WebElement weDragFrom;
@FindBy(how = How.CSS,css = "div.resource-schedule.resource-ui-droppable div.hour-line:nth-of-type(11)")
private WebElement weDragTo;
**CODE**
protected void dragAndDrop( WebElement from, WebElement to)throws IOException,InterruptedException {
String basePath = new File("").getAbsolutePath();
String jquery_url = "http://code.jquery.com/jquery-1.11.2.min.js";
final String JQUERY_LOAD_SCRIPT =(basePath + "/src/test/resources/jquery_load_helper.js");
String jQueryLoader = readFile(JQUERY_LOAD_SCRIPT);
driver.manage().timeouts().setScriptTimeout(10, TimeUnit.SECONDS);
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeAsyncScript(jQueryLoader,jquery_url);
js.executeScript("jQuery(function($) { " + " $('input[name=\"q\"]').val('bada-bing').closest('form').submit(); "
+ " }); ");
String filePath =(basePath + "/src/test/resources/drag_and_drop_helper.js");
StringBuffer buffer = new StringBuffer();
String line;
BufferedReader br = new BufferedReader(new FileReader(filePath));
while((line = br.readLine()) != null) {
buffer.append(line);
}
String javaScript = buffer.toString();
javaScript = javaScript + "$('"+from+"').simulateDragDrop({ dropTarget: '"+to+"'});";
((JavascriptExecutor)driver).executeScript(javaScript);
Thread.sleep(1000);
}
Error 错误
org.openqa.selenium.JavascriptException: Error: Syntax error, unrecognized expression: [[FirefoxDriver: firefox on ANY (a57f702c-e519-4a71-98f8-015da1fba509)] -> css selector: .work-card-description.searchable-field] Build info: version: '3.4.0', revision: 'unknown', time: 'unknown' System info: host: Driver info: org.openqa.selenium.firefox.FirefoxDriver rotatable=false, timeouts={implicit=0.0, pageLoad=300000.0, script=30000.0}, pageLoadStrategy=normal, platform=ANY, specificationLevel=0.0, moz:accessibilityChecks=false, acceptInsecureCerts=true, browserVersion=55.0.3, platformVersion=6.3, moz:processID=6420.0, browserName=firefox, javascriptEnabled=true, platformName=windows_nt}] Session ID: a57f702c-e519-4a71-98f8-015da1fba509 at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method) at sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62) at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessor
Please help me I have tried all the workaround for this , Action class is not working at all for me on both the browser 请帮帮我，我已经尝试了所有解决方法，在两个浏览器上，Action类都对我不起作用
Some of the other workaround on internet just gets execute without any error and doing nothing 互联网上的其他一些变通办法只是执行而没有任何错误，并且什么也不做
As per my knowledge in reading many posts i think using java-script(drag_and_drop_helper.js) will work for sure , i know somewhere am missing something. 根据我在阅读许多文章时的知识，我认为使用java-script（drag_and_drop_helper.js）肯定可以工作，我知道某个地方缺少某些东西。
**JAVASCRIPT(Drag_and_drop_helper)**
(function( $ ) {
$.fn.simulateDragDrop = function(options) {
return this.each(function() {
new $.simulateDragDrop(this, options);
});
};
$.simulateDragDrop = function(elem, options) {
this.options = options;
this.simulateEvent(elem, options);
};
$.extend($.simulateDragDrop.prototype, {
simulateEvent: function(elem, options) {
/*Simulating drag start*/
var type = 'dragstart';
var event = this.createEvent(type);
this.dispatchEvent(elem, type, event);
/*Simulating drop*/
type = 'drop';
var dropEvent = this.createEvent(type, {});
dropEvent.dataTransfer = event.dataTransfer;
this.dispatchEvent($(options.dropTarget)[0], type, dropEvent);
/*Simulating drag end*/
type = 'dragend';
var dragEndEvent = this.createEvent(type, {});
dragEndEvent.dataTransfer = event.dataTransfer;
this.dispatchEvent(elem, type, dragEndEvent);
},
createEvent: function(type) {
var event = document.createEvent("CustomEvent");
event.initCustomEvent(type, true, true, null);
event.dataTransfer = {
data: {
},
setData: function(type, val){
this.data[type] = val;
},
getData: function(type){
return this.data[type];
}
};
return event;
},
dispatchEvent: function(elem, type, event) {
if(elem.dispatchEvent) {
elem.dispatchEvent(event);
}else if( elem.fireEvent ) {
elem.fireEvent("on"+type, event);
}
}
});
})(jQuery);
1 个解决方案
解决方案1
0 2018-05-24 01:49:53
My solution looks very similar to yours. 我的解决方案看起来与您的解决方案非常相似。 However, the below solution works for me see: drag-and-drop-in-selenium-java 但是，下面的解决方案对我来说有效： 拖放到Java中
NOTE: You are passing WebElement(s) for the src/dst (to/from) to the js. 注意：您正在将src / dst（到/从）的WebElement传递到js。 I'm using css selector strings, eg "#column-a", "#column-b" id(s). 我正在使用CSS选择器字符串，例如“＃column-a”，“＃column-b” id。 I don't know enough about the javascript to verify you can use WebElement. 我对javascript不太了解，无法验证您是否可以使用WebElement。 My guess is this is your problem. 我的猜测是这是您的问题。
I assume you are also using rcorreia/drag_and_drop_helper.js - rcorreia's javascript helper code. 我假设您也在使用rcorreia / drag_and_drop_helper.js -rcorreia的javascript帮助程序代码。
import java.io.BufferedReader;
import java.io.IOException;
import java.net.URI;
import java.net.URISyntaxException;
import java.net.URL;
import java.nio.file.Files;
import java.nio.file.Paths;
import java.util.stream.Collectors;
import org.apache.logging.log4j.LogManager;
import org.apache.logging.log4j.Logger;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
public class DragAndDropJsHelper {
Logger log = LogManager.getLogger(DragAndDropJsHelper.class.getName());
String dragndrop_js = null;
public DragAndDropJsHelper(String jsFile) throws IOException {
try (BufferedReader br = Files.newBufferedReader(Paths.get(getURIFromURL(jsFile)))) {
dragndrop_js = br
.lines()
.collect(Collectors.joining(" "));
} catch (IOException e) {
log.error(e.getMessage());
}
}
@SuppressWarnings("finally")
private URI getURIFromURL(String fileName) {
URI uri = null;
try {
URL url = this.getClass().getClassLoader().getResource(fileName);
uri = url.toURI();
} catch (URISyntaxException e) {
e.printStackTrace();
} finally {
return uri;
}
}
/**
* Solution from elemental-selenium-tips
* https://github.com/tourdedave/elemental-selenium-tips/blob/master/39-drag-and-drop/csharp/DragAndDrop.cs
* JSDriver.ExecuteScript(dnd_javascript + "$('#column-a').simulateDragDrop({
* dropTarget: '#column-b'});");
*
* NOTE: Seems fragile, not sure if this works for XPATH or other src/dst type strings
* TODO: would be good if it worked with WebElement, or BY
*
* @param driver
* @param src
* - css string for source element
* @param dst
* - css string for destination element
*/
public void dragDrop(WebDriver driver, String src, String dst) {
String js = String.format("$('%s').simulateDragDrop({ dropTarget: '%s'});",src,dst);
JavascriptExecutor jse = (JavascriptExecutor) driver;
jse.executeScript(dragndrop_js + js);
}
}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.