JavaScript 在 selenium 自动化中的应用
2020-09-28 17:33 作者:软件测试柠檬班Pro | 我要投稿
JavaScript 相对于 selenium 原生 API 的执行速度更快，如果有遇到 selenium 难以处理的操作时，可以采用执行 js 代码去完成。
基本元素定位和操作
DOM 操作
移除 readonly 属性
当输入框使用的是选择控件且为只读状态时，selenium 原生 API 无法操作控件，可以通过 js 移除 readonly 属性。比如 12306 网站的日期选择框。
driver.get("https://www.12306.cn/index/");String js = "document.getElementById('train_date').removeAttribute('readonly')";driver.executeScript(js);Thread.sleep(2000);driver.findElement(By.id("train_date")).sendKeys(Keys.CONTROL,"a");//清空Thread.sleep(2000);driver.findElement(By.id("train_date")).sendKeys(Keys.BACK_SPACE);//清空driver.findElement(By.id("train_date")).sendKeys("2019-03-30");//输入 移除超链接的 target 属性
当超链接有 target="_blank" 属性时，点击超链接会打开第新的标签页，如果不想进行多窗口切换操作，可以通过 js 去除 target 属性
//<a href="https://app.mail.qq.com/" target="_blank">手机版</a>String js = "document.getElementById('xxx').removeAttribute('target')";driver.executeScript(js); 窗口滚动
driver.get("https://ke.qq.com/?tuin=68973267");//0:滚动到最顶端driver.executeScript("window.scrollTo(0,0)");//1：滚动到最底部driver.executeScript("window.scroll(0,document.body.scrollHeight)");//2:滚动到指定的位置driver.executeScript("window.scrollTo(0,500)");//3:滚动到指定元素WebElement txy = driver.findElement(By.partialLinkText("腾讯云"));driver.executeScript("arguments[0].scrollIntoView();",txy); 注入 jQuery
如果我们想在没有引入 jquery.js 的页面也能使用 jQuery 进行操作，可以动态注入的方式、运行如下脚本注入 jquery.js。
StringBuffer str = new StringBuffer();//创建一个script标签str.append("var hm = document.createElement('script');");//设置js文件路径str.append("hm.src = 'http://libs.baidu.com/jquery/2.0.0/jquery.min.js';");//获得head标签str.append("var headEle = document.getElementsByTagName('head')[0]; ");//将script标签添加到head标签str.append("headEle.appendChild(hm);");//执行JavaScript完成jquery.js的注入driver.executeScript(str.toString());声明：本文作者为柠檬班happy老师，转载请注明出处！
