Drag & Drop Step
Learn how to record and modify Drag & Drop steps in your tests
Drag & Drop interactions are automatically recorded when recording a test.
To add a Drag & Drop step to your test:
- Create a new test and click the Record button on the action menu.
![record-button.jpg 234](https://files.readme.io/99455e3-record-button.jpg)
- Navigate to your app or page and use the drag & drop function.
Elements cannot be dragged and dropped between tabs/frames.
![d&d1.gif 980](https://files.readme.io/33256cf-dd1.gif)
Testim will automatically add the drag & drop step to your test.
![drag-step-added.jpg 493](https://files.readme.io/62957a2-drag-step-added.jpg)
Modify the "Drop" Target
By default, when you run a test with a drag & drop step, the dragged element will be dropped at the same page location as the original recording. However, once a drag & drop step is created, you can update the step to have the element dropped at any page location.
To modify the drop target:
- Select the Drag test step.
![drag-step-added.jpg 493](https://files.readme.io/6709e58-drag-step-added.jpg)
- Click Show Step Properties in the action menu.
![show-step-properties-gear-icon.jpg 301](https://files.readme.io/37573df-show-step-properties-gear-icon.jpg)
- Select Drop on specified Element.
![drop-specified-element.jpg 257](https://files.readme.io/5630460-drop-specified-element.jpg)
- Confirm you want to Change Drag Step.
![change-drag-step.jpg 543](https://files.readme.io/08d55e3-change-drag-step.jpg)
- Testim will instruct you to navigate to your page/app. Click on the page location where you would like the element to be dropped in the test.
![page-element.jpg 1008](https://files.readme.io/dd0132c-page-element.jpg)
- Testim will update the drag & drop test step to drop the element at the newly defined location.
![dragged-element-updated.jpg 284](https://files.readme.io/1fa8fad-dragged-element-updated.jpg)
- To modify the drop location again, navigate to the Step Properties, hover over the current Dropped on element setting, and click the Reassign link.
![reassign-link.jpg 259](https://files.readme.io/00c87cf-reassign-link.jpg)
Updated over 1 year ago