Test drag and drop with Cypress

快速解答作者 ronaldohoch❤ 2

我觉得这对你有帮助： https://stackoverflow.com/questions/55361499/how-to-implement-drag-and-drop-in-cypress-test

阅读下方完整回答 ↓

问题

你好，@artf。我想用Cypress工具在GrapesJs上运行一些测试场景。但我无法用Cypress模拟拖拽模式。你能帮帮我吗？

谢谢。

回答（4）

👍 最有帮助ronaldohoch• 2021年8月23日

我觉得这对你有帮助： https://stackoverflow.com/questions/55361499/how-to-implement-drag-and-drop-in-cypress-test

christosapos• 2021年8月24日

我也尝试过类似的方法，但对我没用......我觉得我的问题是，grapesJ的画布被渲染成iframe，带有块的表格渲染在这个iframe之外，而Cypress当我点击一个块拖动并放入iframe时，却无法处理iframe内部的内容。如果你成功了，告诉我。

ronaldohoch• 2021年8月24日

我开发阶段还没到测试阶段：/ 但我假装用Cypress。

GJSBlock• 2026年5月17日

谢谢你举报，@christosapos。关于测试Cypress拖拽的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.log...

在 GitHub 上查看完整讨论 →