首页 > 其他分享 >【playwright】使用playwright实现拖动功能

【playwright】使用playwright实现拖动功能

时间:2023-01-09 17:57:36浏览次数:32  
标签:box 功能 playwright 鼠标 拖动 width mouse page

思路说明

  • 使用locator定位到要拖动滑块元素,如元素名叫ele
  • 获取元素ele的bounding_box含4分属性值:x,y,width,height
  • 把鼠标移动到元素ele的中心点,中心点位置为:x+width/2,y+height/2
  • 按下鼠标
  • 计算出要移动的下一个位置,以长条滑块为例,拖动到长条头部实现解锁,那x的位置应该为x+width/2 + 某个固定值(足够大就好)

 

  • 执行移动操作,下一个位置坐标为:x+width/2 + 某个固定值,y+height/2
  • 释放鼠标

调用方法

  • 元素定位:page.locator()
  • 获取元素位置及大小:ele.bounding_box()
  • 鼠标移动:page.mouse.move()
  • 按下鼠标:page.mouse.down()
  • 释放鼠标:page.mouse.up()

示例代码快

 #获取拖动按钮位置并拖动
    dropbutton=page.locator("#loginForm > div:nth-child(12) > div > div.drag-btn")
    box=dropbutton.bounding_box()

    page.mouse.move(box['x']+box['width']/2,box['y']+box[ 'height']/2)

    page.mouse.down()

    mov_x=box['x']+box['width']/2+260

    page.mouse.move(mov_x,box['y']+box[ 'height']/2)

    page.mouse.up()

————————————————
版权声明:本文为CSDN博主「WEL测试」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/henni_719/article/details/125308728

标签:box,功能,playwright,鼠标,拖动,width,mouse,page
From: https://www.cnblogs.com/kaka0318/p/17037758.html

相关文章