首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Cypress实现拖拽

Cypress实现拖拽

原创
作者头像
coffee1
发布2024-10-26 16:43:36
发布2024-10-26 16:43:36
2210
举报

使用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');

}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档