playwright [Feature] Add drag'n drop support to codegen

trafficstars

Context:

Playwright Version: 1.29.1
Operating System: Windows
Node.js version: 16.15.1
Browser: Chromium

Describe the bug

Step to reproduce

Run ´npx playwright codegen´
In the automated browser window, go to https://www.w3schools.com/html/html5_draganddrop.asp
Try to drag the logo in the first box to the second box

The inspector window only registers click event on the selector where the mouse was released. No dragTo event was registered Is there any way to achieve this?

chrome_JGgqMjXdUt

Jan 05 '23 13:01 hanshs

Drag and drop is not yet implemented in the codegen, marking as a feature request.

Jan 05 '23 16:01 mxschmitt

any plan about this feature?thank you!

May 21 '23 02:05 chenshuichao

recording mouse intertion, maybe we can reference the rrweb project： https://github.com/rrweb-io/rrweb

Jun 08 '23 07:06 chensce

This feature is crucial for projects that use a drag-able canvas, or custom scrolling apparatus, or file drag and drop UIs - like Outlook. I hope this gets picked up soon.

Sep 11 '23 21:09 sushruth

The drag and drop feature isn't working on Codegen, in Playwright Version 1.38.0

Sep 25 '23 12:09 Anirudhv19

Bummer that this doesn't work. I expected something like this to be the main value proposition of codegen

Oct 25 '23 13:10 JGJP

@mxschmitt Could i please get a timeline or something for drag and drop?

Nov 16 '23 05:11 AnshPatel15

I am new to Playwright & Codegen, but loving the software, however, when trying to drag a map with a pipeline on it to click on a station, I am unable to do this.

I notice there are a lot of closed tickets on this page. Does that mean it is supposed to be fixed or added as a new feature?

I am using the very latest versions, so judging by the dates of these other posts, if there is a fix/new feature, then I should have it and if so, it isn't working.