web自动化测试框架通过js来实现对web元素的操作

selenium将我们要进行自动化操作的网页内嵌到他自己的网页,然后通过脚本语言(js)去执行自动化操作

提高我们自动化用例执行的效率和稳定性

  1. 时间日历挂件,js可以获取浏览器提供的很多对象,提供了丰富的页面元素操作方法,进行操作
  2. 文件上传

selenium难以实现的操作

  1. 一些隐藏的按钮,通过js更改元素属性,显示隐藏按钮
  2. 滚动条
  3. 前端限制输入

js简单操作

使用driver.execute_script('js脚本')来实现自动化driver.execute_script是selenium自带的一个方法

js对象

浏览器对象(在开发者工具中的console中输入,内部宽高:是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高)

window

  1. window.innerHeight获取浏览器内高
  2. window.innerWidth获取浏览器内宽
  3. window.outerHeight获取浏览器外高
  4. window.outerWidth获取浏览器外宽
  5. window.open("https://www.baidu.com")打开新的网址

location:表示当前页面的url信息(一个完整的url)

  1. location.href获取当前页面的url值
  2. location.assign("https://www.baidu.com")加载一个新的url
  3. location.reload()重新加载当前页

document:对象表示当前页面。犹豫HTML在浏览器中以DOM形式表示为树形结构,document对象就是整个DOM树的根节点

  1. 最长用的查找是根据ID和Tag Name
  2. click()方法操作元素
  3. value属性赋值实现关键字输入
  4. readOnly
  5. textContent获取文本值
  6. 获取元素属性值,直接更改属性值

js在自动化中的应用

滑动滚动条(因为如果页面没有完全显示,element如果是在下拉之后才能显示出来的,只能先滚动到该元素才能进行元素click,否则不能click)

  1. window.scrollTo(0,document.body.scrollHeight)
  2. window.scrollBy(0,document.body.scrollHeight)
  3. scrollTo:0表示要在窗口文档显示区左上角显示的文档的 x 坐标,document.body.scrollHeight要在窗口文档显示区左上角显示的文档的 y 坐标
  4. scrollBy:0表示把文档向右滚动的像素数,document.body.scrollHeight把文档向下滚动的像素数

扩展

  1. 非页面类型的滚动条:scrollTop方法
  2. 滚动到指定元素:scrollIntoView
  3. innerHTML
  4. querySelector
  5. js获取cookie
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈小瑜i

请多多支持,谢谢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值