I’ve tried several dragndrop method that are shared in this group…and custom keywords as well… but doesn’t seem to work on our FE which uses a react dnd package. I scouted the internet and found this async function that is the exact package our react FE uses. But i’m kind of unsure how to use that…

MY MAN! I found a comment in that thread that got my gears rolling! it was pretty simple yet tricky… it looks like the source element needed to be moved a bit offset and then to the target location. So this is the code that actually worked on the DragNDrop…where selenium actually grabs it, moves…

You should learn the basics of Katalon Studio. So why not you join the official program? [image] [Katalon Academy] Introducing the Katalon Certification Program! Announcements & Updates [bc-team-email-banner (1)] Hello Katalon community wave, Today we’re very excited …

What does this has to do with what I asked? I know the codeblock I posted is just selenium with an arrow function… Katalon drag and drop doesn’t work, and this was asking if anyone else has another way for the react dragndrop to work… i don’t see how your response is related to the question I ask…

The code you posted is written in JavaScript. Katalon Studio does not support scripting in JavaScript at all. You have to write everything in Groovy language. Are you aware of it? I guess you don’t. So I wrote that you have to study the basics of Katalon Studio from scratch. If you are not willin…

i do know that. That’s why I asked how can that arrow function be converted in Katalon whether with groovy or java. I can easily do that my way but was asking if anyone else has a better way. You acting like just cuz you know some coding, you can tell people off and disrespect them? Come on m…

[image] ashraf.madina: the codeblock I posted is just selenium with an arrow function… Groovy language has nothing equivalent to JavaScript’s arrow function (=>) guarded by async and await keywords. So I am not able to answer to your question how to quickly translate the JavaScript code into …

Hi @ashraf.madina , thank you for sharing the concern with us. Currently, we only support Groovy and Java. We are also collecting other users’ feedback to prepare for our roadmap in supporting other languages but not confirmed any soon. If you need any assistance from our community about Katalon adop…

Hi, don’t have direct experience of this framework but I’ve used Selenium Actions in the past. A suggestion that there needs to be a small movement within the boundary of the element before you actually drag it - I found a link to this explanation. See if it helps: …

I’ve tried several methods… This was the closets one to it. it does grab the item… but just drops it in the same location instead of grab and releasing it at the target location… so far no luck… i can look into the one you posted. Actions actions = new Actions(DriverFactory.getWebDriver()) …

Great news and thanks for updating with code!

thank you @ashraf.madina and @Dan_Bown for great collaboration here! Already pinned it on our product start page for more attention. Thanks again for sharing this.

React FE drag and drop automation

Miscellaneous

kazurayam February 8, 2023, 11:05pm 2

You should learn the basics of Katalon Studio.

So why not you join the official program?

Topic		Replies	Views
Drag on Drop devlop by react JS with HTML5 Web Testing katalon-studio	1	664	September 12, 2020
Drag and Drop is not working Web Testing katalon-studio	20	8142	March 13, 2023
Does Katalon Studio support react.js applications Web Testing katalon-studio	24	8843	September 8, 2024
Drag and Drop not working by using Customized keyword provided by katalon Web Testing katalon-studio	0	268	January 8, 2020
Handling drag and drop testing for web applications with Katalon Studio Miscellaneous	1	454	September 12, 2020

React FE drag and drop automation

Related topics