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

最新推荐文章于 2024-03-16 02:50:23 发布

晒酷学院

最新推荐文章于 2024-03-16 02:50:23 发布

阅读量178

点赞数

分类专栏： selenium webdriver基础

原文链接：https://mp.weixin.qq.com/s/ADjg24NyVNPZNYpSnKn3Qw

版权

selenium webdriver基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

晒酷学院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);