selenium webdriver 学习总结-JQuery Selectors(十)
2017-09-04 09:18
405 查看
在使用WebDriver过程中经常遇到某些style属性为"display:none"元素(这类元素在前台页面是隐藏的,但html中存在这些元素的html代码),但实际自动化测试时,往往需要直接对这样的元素进行操作,这时我们需要将其属性值更改为"display:block"以显示在页面中,然后使用webdriver对其操作。
由于JS定位页面元素提供方法较少(id,name,tagName),无法满足我们的需求,这时通过JQuery选择器来完成定位元素并改变元素属性是最佳选择。
另外,由于某些页面并未加载过JQuery库,所以想到通过在我们当前操作的页面上创建此节点,来完成加载JQuery类库。
加载JQuery类库代码如下:
package com.ray.webDriverTools;
import org.apache.commons.lang3.StringUtils;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
public class LoadJQuery {
private WebDriver driver;
public LoadJQuery(WebDriver driver) {
this.driver = driver;
}
/**
* 向当前页面注入JQuery,并返回加载是否成功
* @return
*/
public boolean injectjQuery() {
try {
String injectJQuery = "var script = document.createElement('script');"
+ "var filename = \"http://code.jquery.com/jquery-1.10.1.min.js\";"
+ "script.setAttribute(\"type\",\"text/javascript\");"
+ "script.setAttribute(\"src\", filename);"
+ "if (typeof script!='undefined'){"
+ "document.getElementsByTagName(\"head\")[0].appendChild(script);"
+ "}";
((JavascriptExecutor) driver).executeScript(injectJQuery);
Thread.sleep(3000);
} catch (InterruptedException e) {
e.printStackTrace();
}
// 判断JQuery是否加载成功
Boolean loaded = true;
String s = (String) (((JavascriptExecutor) driver)
.executeScript("return typeof jQuery"));
if (!StringUtils.trimToEmpty(s).equals("function"))
loaded = false;
return loaded;
}
}
webdriver脚本使用步骤:
1、在webdriver脚本中通过调用LoadJQuery类中的injectjQuery()方法,在当前页面加载jquery类库并判断加载是否成功
2、第一步jquery类库加载成功后,就可以调用JQuery中提供给我们的任意方法来修改页面的任意元素了。
例如:修改页面某元素style属性为"display:block",代码如下:
JavascriptExecutor js = (JavascriptExecutor)driver;
String changeDisplay = "$(\".clip\").attr(\"style\",\"display:block\");";
js.executeScript(changeDisplay);
OK,大功告成!
由于JS定位页面元素提供方法较少(id,name,tagName),无法满足我们的需求,这时通过JQuery选择器来完成定位元素并改变元素属性是最佳选择。
另外,由于某些页面并未加载过JQuery库,所以想到通过在我们当前操作的页面上创建此节点,来完成加载JQuery类库。
加载JQuery类库代码如下:
package com.ray.webDriverTools;
import org.apache.commons.lang3.StringUtils;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
public class LoadJQuery {
private WebDriver driver;
public LoadJQuery(WebDriver driver) {
this.driver = driver;
}
/**
* 向当前页面注入JQuery,并返回加载是否成功
* @return
*/
public boolean injectjQuery() {
try {
String injectJQuery = "var script = document.createElement('script');"
+ "var filename = \"http://code.jquery.com/jquery-1.10.1.min.js\";"
+ "script.setAttribute(\"type\",\"text/javascript\");"
+ "script.setAttribute(\"src\", filename);"
+ "if (typeof script!='undefined'){"
+ "document.getElementsByTagName(\"head\")[0].appendChild(script);"
+ "}";
((JavascriptExecutor) driver).executeScript(injectJQuery);
Thread.sleep(3000);
} catch (InterruptedException e) {
e.printStackTrace();
}
// 判断JQuery是否加载成功
Boolean loaded = true;
String s = (String) (((JavascriptExecutor) driver)
.executeScript("return typeof jQuery"));
if (!StringUtils.trimToEmpty(s).equals("function"))
loaded = false;
return loaded;
}
}
webdriver脚本使用步骤:
1、在webdriver脚本中通过调用LoadJQuery类中的injectjQuery()方法,在当前页面加载jquery类库并判断加载是否成功
2、第一步jquery类库加载成功后,就可以调用JQuery中提供给我们的任意方法来修改页面的任意元素了。
例如:修改页面某元素style属性为"display:block",代码如下:
JavascriptExecutor js = (JavascriptExecutor)driver;
String changeDisplay = "$(\".clip\").attr(\"style\",\"display:block\");";
js.executeScript(changeDisplay);
OK,大功告成!
相关文章推荐
- selenium webdriver 学习总结-Selenium 控制测试流(五)
- Selenium2.0之WebDriver学习总结(1)
- selenium WebDriver定位元素学习总结
- selenium webdriver 学习总结-浏览器启动方式(二)
- selenium webdriver 学习总结-Selenium 控制测试流(五)-补充显示等待
- Selenium2.0之WebDriver学习总结(一)
- Selenium webdriver 学习总结-元素定位
- Selenium2.0之WebDriver学习总结(2)
- Selenium2.0之WebDriver学习总结(三)
- selenium webdriver 学习总结-Selenium 控制测试流(五)
- selenium webdriver 学习总结-浏览器启动方式
- selenium webdriver 学习总结-JUnit4 入门(三)_补充Annotation
- Selenium2.0之WebDriver学习总结(1)
- selenium webdriver 学习总结-JUnit4 入门(三)
- Selenium Webdriver 学习总结-Jenkins配置(八)
- ruby+selenium-webdriver一步一步进行自动化测试----学习总结陈述
- Selenium2.0之WebDriver学习总结(2)
- selenium webdriver 学习总结-JUnit4 入门(三)-补充枚举
- Selenium2.0之WebDriver学习总结(2)
- Selenium2.0之WebDriver学习总结(1)