写点什么

技术分享 | web 控件的交互进阶

  • 2022 年 9 月 28 日
    北京
  • 本文字数:2010 字

    阅读完需:约 7 分钟

本文节选自霍格沃兹测试开发学社内部教材

当需要模拟键盘或者鼠标操作时,Python 需要使用 ActionChains 来处理,Java 需要 Actions 来处理。

常用模拟鼠标的行为,比如单击,双击,拖动等。当调用 ActionChains 或者 Actions 的方法时,会将所有操作按顺序存入队列,当调用 perform() 方法时,队列中的事件会依次执行。

引入依赖

  • Python 版本

# 引入依赖
from selenium.webdriver import ActionChains
复制代码
  • Java 版本

import org.openqa.selenium.interactions.Actions;
复制代码

实战演示

点击相关操作

下面代码中,action 是模拟键盘或者鼠标的实例对象,on_element 是需要传递一个元素进去,默认值为 None。

单击指定元素,如果不指定,会单击当前光标的位置

  • Python 版本

action.click(on_element=None)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.click(on_element=None);
复制代码

长按某个元素

  • Python 版本

action.click_and_hold(on_element=None)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.clickAndHold(on_element=None);
复制代码

执行右键操作

  • Python 版本

action.context_click(on_element=None)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.contextClick(on_element=None);
复制代码

执行左键双击

  • Python 版本

action.double_click(on_element=None)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.doubleClick(on_element=None);
复制代码

拖拽起始的元素到目标元素,即 source 到 target

  • Python 版本

action.drag_and_drop(source, target)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.dragAndDrop(WebElement source, WebElement target);
复制代码

将目标拖动到指定的位置

  • Python 版本

# xoffset 和 yoffset 是相对于 source 左上角为原点的偏移量
action.drag_and_drop_by_offset(source, xoffset, yoffset)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
actions.dragAndDropBy(WebElement source, int xOffset, int yOffset);
复制代码

按键

使用这个方法可以方便的实现某些组合键盘事件,比如按下 ctrl+c 键。

  • Python 版本

action.key_down(value, element=None)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
actions.keyDown(element, value);
复制代码

松开某个键,可以配合上面的方法实现按下 ctrl+c 并且释放


Python 版本 ActionChains(driver).key_down(Keys.CONTROL)\


.send_keys('c').key_up(Keys.CONTROL).perform()
复制代码

松开某个键,可以配合上面的方法实现按下 ctrl+c 并且释放


Python 版本 ActionChains(driver).key_down(Keys.CONTROL)\


.send_keys('c').key_up(Keys.CONTROL).perform()
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.keyDown(Keys.CONTROL).sendKeys("c").keyUp(Keys.CONTROL).perform();
复制代码

其他按键请参考:7.4 特殊字符 - selenium-python中文文档

github 参考地址:selenium/keys.py at 916168f403dded05f878fe189d68c0f9152335c9 · SeleniumHQ/selenium · GitHub

移动

指定光标移动到某一个位置,需要给出两个坐标位置

  • Python 版本

# xoffset 和 yoffset 是相对于网页左上角的偏移量
action.move_by_offset(xoffset, yoffset)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.moveByOffset(xOffset,yOffset);
复制代码

将鼠标移动到指定元素的位置

  • Python 版本

action.move_to_element(to_element)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.moveToElement(to_element);
复制代码

移动鼠标到相对于某个元素的偏移位置

  • Python 版本

# xoffset 和 yoffset 是相对于 to_element 左上角的偏移量
action.move_to_element_with_offset(to_element, xoffset, yoffset)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.moveToElement(to_element, xOffset, yOffset);
复制代码

其它

执行 ActionChains 中的操作

前面介绍的方法会将所有操作按顺序存入队列,要执行这些操作,需要调用 perform() 方法。

  • Python 版本

action.move_to_element_with_offset(to_element, xoffset, yoffset).perform()
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.moveToElement(to_element, int xOffset, int yOffset).perform();
复制代码

释放按下的鼠标

  • Python 版本

action.release(on_element=None)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.release(on_element=None)
复制代码

向焦点元素位置输入值

焦点元素:使用 tab 键,那些被选中的元素就是焦点元素。

  • Python 版本

action.send_keys(*keys_to_send)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.sendKeys(*keys_to_send)
复制代码

向指定的元素输入数据

  • Python 版本

action.send_keys_to_element(element, *keys_to_send)
复制代码
  • Java 版本

Actions action = new Actions(webDriver);
action.sendKeys(element,keys_to_send);
复制代码

更多学习资料戳下方!!!

https://qrcode.ceba.ceshiren.com/link?name=article&project_id=qrcode&from=infoQ&timestamp=1662366626&author=xueqi

用户头像

社区:ceshiren.com 2022.08.29 加入

微信公众号:霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料、实事更新一线互联网大厂测试岗位内推需求,共享测试行业动态及资讯,更可零距离接触众多业内大佬

评论

发布
暂无评论
技术分享 | web 控件的交互进阶_测试_测吧(北京)科技有限公司_InfoQ写作社区