Drag and Drop not working on Salesforce lightning component page

[PranjalRsystems]

I am using cypress to automate a scenario on salesforce sandbox. In this I have to drag and drop an element into an iframe(lightning page). I am using the drag and drop plugin by cypress which is properly installed and have added into command.js file too.

Code is successfully running and I am able to drag the element with below code and can see that element is also sticked with the mouse pointer. But the problem is that its not getting dropped at the desired location.

// Get the iframe
cy.get("[name='surfaceFrame']").then(($iframe) => {
const doc = $iframe.contents();
// Get the target element
let element = doc.find("[data-aura-rendered-by='530:0']");
cy.get("[title^='Actions']").drag(element)
});

Test Scenario

Cypress_drag_drop_issue.mp4

Whole JS file

import { LoginPage } from "./pages/login_page"
import 'cypress-iframe';
import '@4tw/cypress-drag-drop';

const loginpage = new LoginPage
describe('My Test', () => {
beforeEach(() => {
cy.origin('https://imblaze--rsint.sandbox.lightning.force.com', () => {
cy.visit('https://test.salesforce.com');
});
});

it('POM', function(){

// Cypress.on('uncaught:exception', (err, runnable) => {
// console.log(err);
// return false;
// })
//cy.visit('/lightning/page/home')
loginpage.enterUsername('[email protected]')
loginpage.enterPassword('Welcome@2021')
loginpage.clickLogin()

//cy.origin('https://imblaze--rsint.sandbox.lightning.force.com', () => {
    cy.xpath("//*[text()='Contacts']/parent::a/parent::one-app-nav-bar-item-root").click()
    cy.wait(5000)
    cy.xpath("(//a[@data-refid='recordId'])[1]").click()
    cy.wait(3000)
    cy.xpath("//a[contains(@class,'setup')]").click()
    cy.wait(3000)
    cy.xpath("//*[@id='edit-page']").click()
    cy.wait(10000)
    cy.xpath("//*[@placeholder='Search...']").type('Actions & Recommendations')
    cy.wait(10000)
   // dndIt();

// Get the iframe
cy.get("[name='surfaceFrame']").then(($iframe) => {
const doc = $iframe.contents();
// Get the target element
let element = doc.find("[data-aura-rendered-by='530:0']");
cy.get("[title^='Actions']").drag(element)
});
//})
})
})