admin管理员组

文章数量:1794759

Cypress实现拖拽

使用Cypress内置的trigger方法实现拖拽一个元素到另一个同类型元素，实现排序

Typescript实现方法：

export function dragAndDrop(sourceLocator: string, targetLocator: string) {

    const dataTranferMock = { setData: () => {}, setDragImage: () => {} }

    cy.get(sourceLocator)

    .trigger('pointerdown', { button: 0 })

    .trigger('dragstart',{dataTransfer: dataTranferMock});

    cy.get(targetLocator)

    .trigger('dragover')

    .trigger('drop');

}

本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2024-10-26，如有侵权请联系 cloudcommunity@tencent 删除typescriptcypressstring排序拖拽

本文标签： Cypress实现拖拽

版权声明：本文标题：Cypress实现拖拽 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1754613726a1704391.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。