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

在使用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，大功告成！