Selenium元素定位不到?JS注入轻松搞定!

Posted Testfan软件测试平台

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Selenium元素定位不到?JS注入轻松搞定!相关的知识,希望对你有一定的参考价值。

在使用Selenium做web自动化测试过程中,经常会遇到一些组件无法通过Selenium直接识别和处理,比如<input>标签组合的下拉框,比如日期控件。面对这些元素,我们可以引入JS注入技术来解决问题。

javascript是一种被广泛用于Web前端开发的脚本语言 ,常用来为网页添加动态功能(弹窗,点击事件....)通过html DOM,JavaScript提供了页面对象获取和操作功能。

 

技术图片



DOM模型把HTML文档解析成一棵树,根节点是<html>,从根节点往下根据节点之间的关系(顺序或包含)把节点解析为兄弟节点和孩子节点。<HTML> 节点有不同的类型:

元素

属性

文本

Javascript可以根据DOM结构获取任意的HTML元素,变更这些元素的属性,样式,并对元素的鼠标键盘事件做出响应:

Javascript提供了通过id查找元素的方式:document.getElementById(id);除了id, javascript还支持通过类名和标签名查找元素

Javascript提供通过innerHTML改变元素内容的方式:document.getElementById(id).innerHTML=new HTML,通过变更节点内部的HTML可以改变元素的文本和行为

Javascript提供通过attribute改变元素属性的方式:

document.getElementById(id).attribute=new value

Selenium支持Javascript

Selenium WebDriver可以被转换为JavaScriptExecutor,通过JavaScriptExecutor执行Javascript脚本,通过这种方式可以实现Selenium的Javascript注入,从而实现对复杂页面元素的操作。

WebDriver driver=newChromeDriver();

JavascriptExecutor js = (JavascriptExecutor) driver;

js.executeScript("js语句");

Jquery

Jquery是一个增强的JavaScript框架,它封装了JavaScript常用的功能代码,简化了HTML文档操作、事件处理、动画设计和Ajax交互。

对于复杂的网页元素查找,通过Javascript较为低效,此时可以引入Jquery简化元素查找。

Jquery常见选择器如下,详细语法课参见官网


技术图片

Selenium支持Jquery

Selenium可以通过判定当前待测的网站是否引入Jquery,如果没有则加载Jquery,加载完毕以后即可用Jquery代码来实现前端页面元素的操作。

publicclass JqueryTest {

staticJavascriptExecutor js;

staticWebDriver driver;

publicstaticvoidmain(String[] args) {

driver=newChromeDriver();

js=(JavascriptExecutor)driver;

driver.get("");

//判断Jquery是否存在,若不存在则注入

if(!jqueryLoaded()){

injectJquery();

}

//通过jquery查找出页面百度链接元素个数(.mnav)

List elements = (List) js

.executeScript("return jQuery.find(‘.mnav‘)");

driver.quit();

}

publicstaticbooleanjqueryLoaded() {

booleanloaded=false;

try{

loaded = (Boolean) js.executeScript("return"+" jQuery()!=null");

}catch(Exception e){

System.out.println("查找jQuery对象出现异常");

}

System.out.println("页面已存在Jquery对象,无需注入:"+ loaded);

returnloaded;

}

publicstaticvoidinjectJquery() {

js.executeScript(" var headID = "

+"document.getElementsByTagName("head")[0];"

+"var newScript = document.createElement(‘script‘);"

+"newScript.type = ‘text/javascript‘;"

+"newScript.src = "

+"‘‘;"

+"headID.appendChild(newScript);");

作  者: Testfan kitty

出  处:微信公众号:自动化软件测试平台

版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出文章链接

以上是关于Selenium元素定位不到?JS注入轻松搞定!的主要内容,如果未能解决你的问题,请参考以下文章

基于python实现UI自动化4. 一文搞定selenium 多表单(iframe/ frame)切换

基于python实现UI自动化4. 一文搞定selenium 多表单(iframe/ frame)切换

2w元教学课程,免费分享,教你搞定selenium自动化框架封装!

selenium webdriver怎么定位td里面的元素

python selenium+ie 如何定位js生成的元素?

selenium+Python页面元素定位问题