How to do Drag and Drop emulation?

Question

JavaScript

I'm dealing with a web file manager. Often you have to perform the Drag and Drop action. This is a long and monotonous task. What are some ways to emulate dragging a div#file into a div#folder?

I do not have the skills of inspecting in the browser and I am unlikely to figure out what is actually happening under the hood of the site from the client side. But I can write a custom script. I can include a library like JQuery. The site is most likely React.

I guess this is related to the topic of developing automated user interface tests.

Answer 1

jquery has draggable and dropzone. Understanding "what's really going on" is also not particularly difficult .
It is not entirely clear why you need to emulate. Most likely, it is enough to look in the inspector which commands go to the server when dragging, and you can send them as many as you like, generally bypassing the interface.
This is if there are no cunning protections for the user to drag with the mouse. And if there are tricky protections, then the emulation can break off (if isTrusted is checked , for example).