import java.io.BufferedReader;

import java.io.File;

import java.io.FileInputStream;

import java.io.FileReader;

import java.io.IOException;

import java.io.InputStreamReader;

import java.io.Reader;

import java.nio.charset.Charset;

import java.util.concurrent.TimeUnit;

import org.junit.After;

import org.junit.Before;

import org.junit.Test;

import org.openqa.selenium.JavascriptExecutor;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.firefox.FirefoxDriver;

public class DragAndDropHTML5 {

private WebDriver webDriver;

@Before

public void beforeMethod() throws Exception {

//webDriver = new FirefoxDriver(); //Works

webDriver = new ChromeDriver(); //Works

}

@After

public void afterMethod() throws Exception {

webDriver.quit();

}

//http://stackoverflow.com/questions/33849040/drag-and-drop-testing-in-selenium-on-html5-using-java?lq=1

//http://stackoverflow.com/questions/29381233/how-to-simulate-html5-drag-and-drop-in-selenium-webdriver

@Test

public void testDragAndDrop() throws InterruptedException, IOException{

try{

String basePath = new File("").getAbsolutePath();

//System.setProperty("webdriver.Firefox.driver", "Path_executable");

//WebDriver driver= new FirefoxDriver();

webDriver.get("http://html5demos.com/drag#");

//http://stackoverflow.com/questions/29381233/how-to-simulate-html5-drag-and-drop-in-selenium-webdriver

//https://gist.github.com/rcorreia/2362544

final String JQUERY_LOAD_SCRIPT = (basePath + "/src/test/resources/jquery_load_helper.js");

String jQueryLoader = readFile(JQUERY_LOAD_SCRIPT);

webDriver.manage().timeouts().setScriptTimeout(10, TimeUnit.SECONDS);

JavascriptExecutor js = (JavascriptExecutor) webDriver;

js.executeAsyncScript(

jQueryLoader /* , http://localhost:8080/jquery-1.7.2.js */);

// ready to rock

js.executeScript("jQuery(function($) { " + " $('input[name=\"q\"]').val('bada-bing').closest('form').submit(); "

+ " }); ");

//http://stackoverflow.com/questions/29381233/how-to-simulate-html5-drag-and-drop-in-selenium-webdriver

//"where jquery_load_helper.js contains:"

String filePath = basePath + "/src/test/resources/drag_and_drop_helper.js";

//JQuery can ONLY work with id and css , xpath does NOT work with it.

//String source = "//section[@id='wrapper']/article/ul/li[4]/a";

String source = "section#wrapper article ul li:nth-child(4) a";

String target = "section#wrapper article div"; //#bin";

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 + "window.jQuery('" + source + "').simulateDragDrop({ dropTarget: '" + target + "'});";

((JavascriptExecutor)webDriver).executeScript(javaScript);

Thread.sleep(1000);

source = "section#wrapper article ul li:nth-child(2) a";

javaScript = javaScript + "$('" + source + "').simulateDragDrop({ dropTarget: '" + target + "'});";

((JavascriptExecutor)webDriver).executeScript(javaScript);

Thread.sleep(1000);

source = "section#wrapper article ul li:nth-child(1) a";

javaScript = javaScript + "$('" + source + "').simulateDragDrop({ dropTarget: '" + target + "'});";

((JavascriptExecutor)webDriver).executeScript(javaScript);

Thread.sleep(1000);

}catch(Exception e){

e.printStackTrace();

}

}

private static String readFile(String file) throws IOException {

Charset cs = Charset.forName("UTF-8");

FileInputStream stream = new FileInputStream(file);

try {

Reader reader = new BufferedReader(new InputStreamReader(stream, cs));

StringBuilder builder = new StringBuilder();

char[] buffer = new char[8192];

int read;

while ((read = reader.read(buffer, 0, buffer.length)) > 0) {

builder.append(buffer, 0, read);

}

return builder.toString();

} finally {

stream.close();

}

}

}