Katalon Studio自帶關鍵字“Drag And Drop To Object”，可以在這個網站實踐：http://jqueryui.com/droppable/#default
不過“Drag And Drop To Object”是針對類似jQuery比較典型的框架，如果是HTML5的話，可能就不能執行成功。這時我們就可以使用Katalon Studio的Keywords功能，自定義一個HTML5的拖拽關鍵字。
1.右擊左側目錄菜單中的Keywords--New--Package，輸入包名dnd
2.右擊新建的包--New--Keyword，輸入類名DragAndDropHelper，並在其中輸入代碼。版面關系這里就不放原碼了，大家可以在這復制：https://github.com/katalon-studio-samples/DragAndDropExample/blob/master/Keywords/html5/dnd/DragAndDropHelper.groovy
3.我們可以在這練手：http://www.w3school.com.cn/tiy/t.asp?f=html5_draganddrop2
把要拖拽的元素和目標元素分別抓取下來並保存，新建一個Test Case輸入以下代碼：
WebUI.openBrowser('http://www.w3school.com.cn/tiy/t.asp?f=html5_draganddrop2')
CustomKeywords.'dnd.DragAndDropHelper.dragAndDrop'(findTestObject('DragAndDrop/html5/img_drag'), findTestObject('DragAndDrop/html5/div_drop'))
運行一下，看看是不是成功了
參考：
Handling drag and drop testing for web applications with Katalon Studio
https://docs.katalon.com/katalon-studio/tutorials/drag_drop_web_applications_katalon_studio.html
---------------------------------------------------------------------------------
關注微信公眾號即可在手機上查閱，並可接收更多測試分享~
