如何在Cypress中调整textarea大小？尝试代码未生效

你的代码问题在于重复触发了两次realMouseDown/realMouseUp，而且realMouseMove的参数配置不对，导致拖动逻辑混乱。调整textarea大小的正确流程应该是按住右下角调整手柄后直接拖动，无需重复触发鼠标按下/抬起。

修正后的代码示例：

cy.get("textarea").eq(0)
  .should('be.visible') // 确保元素已加载可交互
  .realMouseDown({ position: "bottomRight" }) // 按住右下角调整手柄
  .realMouseMove(100, 100, { relative: true }) // 相对于当前位置向右下拖动100px
  .realMouseUp(); // 松开鼠标完成调整

关键说明： #

• 移除了多余的realMouseDown/realMouseUp调用，避免打断拖动流程
• realMouseMove添加relative: true参数，确保偏移量是相对于当前鼠标位置计算的（如果不设置，默认是相对于元素左上角，会导致拖动方向错误）
• 先通过should('be.visible')确保textarea已经渲染完成，避免操作未就绪的元素

如果还是无效，可以尝试添加短延迟确保鼠标事件触发完整：

cy.get("textarea").eq(0)
  .should('be.visible')
  .realMouseDown({ position: "bottomRight" })
  .wait(100) // 短延迟确保按下事件生效
  .realMouseMove(100, 100, { relative: true })
  .wait(100)
  .realMouseUp();

内容的提问来源于stack exchange，提问作者puneet18