selenium webdriver 学习总结-JQuery Selectors(十)

晒酷学院qq群:979438600
在使用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,大功告成!

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页