Introduction
Hey Readers!!
While using the computer, we commonly use the option of Drag and Drop to move our files from here to there.
But how does this work in Katalon Studio?
In this article, you'll learn about handling the drag and drop testing for web applications in Katalon Studio.
Let’s begin!!
Requirements
- Katalon Studio 6.1.5.
- Install the DragAndDrop Keywords plugin.
Let's look into the implementation of methods for the drag and drop feature.
Creating automation tests for JavaScript Drag and Drop
Testing the JavaScript implemented drag and drop function is easy with Katalon Studio because of the built-in keyword dragAndDropObjectToObject, which is used only for JavaScript.
For example, we'll be using the jQuery Droppable example page.
This website gives a simple implementation of drag and drop. In this, we have to drag and drop the object from the draggable object given as text Drag me to my target and the dropped object as the text Drop here.
The text of the target object will change to "Dropped!" when the draggable object is dropped into the droppable object.
Now let's test this Katalon Studio.
1. Firstly Create a Katalon project having the name DrgDrp.
2. Now Open the Spy Object dialog option, then start a spy object session and follow the website:
http://jqueryui.com/droppable/#default.
3. To import the droppable and draggable objects stated above into the project's object repository, use the object spy tool to capture them both.
Let's now use those objects that were captured in a test script.
4. Now Create a test case of the name DrgDrpimplementation, then open the script view and copy the script into it
import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI
'Open selected browser and navigate to the AUT website.'
WebUI.openBrowser('http://jqueryui.com/droppable/#default')'Use dragAndDropObjectToObject keyword to perform drag and drop the action.'
WebUI.dragAndDropToObject(findTestObject('Page_Droppable jQuery UI/div_draggable'), findTestObject('Page_Droppable jQuery UI/div_droppable'))'Get text content of the droppable object.'
droppable_text = WebUI.getText(findTestObject('Page_Droppable jQuery UI/div_droppable'))'Verify that it is actually changes to "Dropped!" because of the drag and drop action.'
WebUI.verifyEqual(droppable_text, 'Dropped the text!')'Clean up testing environment by closing the browser.'
WebUI.closeBrowser()
5. Run the test case to see how easily the test will pass when it is executed.
Frequently Asked Questions
Is Katalon studio better than Selenium?
Compared to Selenium, Katalon has a greater range of integrations and is easier to set up.
Is Katalon good for API testing?
Katalon Studio currently offers a good UI/UX for testers who need more programming experience.
Which WebDriver API is the fastest?
The fastest and cheapest headless browser implementation for WebDriver is HTMLUnitDriver.
How does Katalon handle dialog boxes?
To manage such popups as stated, you must first capture them using Katalon Studio's Object Spy tool.
What are two types of scripting?
Languages for scripting might be either client-side or server-side.
7+ registered 
