1.JavaScript 简介
JavaScript 是一种脚本语言,简称 JS。有的测试场景需要使用 JS 脚本辅助我们完成 Selenium 无法做到的测试工作。
例如,当 webdriver 遇到无法完成的测试操作时,可以使用 JavaScript 来辅助完成。webdriver 提供了 execute_script()方法来调用 JS 代码。
execute_script()方法可以在当前窗口/框架中执行 JavaScript 脚本。
2.执行 JavaScript 脚本
Selenium 可以通过 execute_script()方法来执行 JavaScript 脚本,document 中元素结构如图所示
# 获取测试人社区Logo
driver.execute_script("document.querySelector('#site-logo')")
复制代码
3.用 JS 脚本返回结果
代码中使用 JS 的 return 方法将页面元素的属性值返回。
用 JS 脚本返回结果的演示程序如下(Python 版和 Java 版)。
Python 版本
# 获取网页性能的响应时间,JS脚本中使用return方法返回获取的结果
js = "return JSON.stringify(performance.timing);"
driver.execute_script(js)
复制代码
Java 版本
//获取网页性能的响应时间,JS脚本中使用return方法返回获取的结果
String js = "return JSON.stringify(performance.timing);"
JavascriptExecutor j = (JavascriptExecutor) driver;
j.executeScript(js);
复制代码
4.arguments 传参
执行 JavaScript 代码时,可以通过传参的方式向'executeScript()'方法中传入要执行的动作信息。例如,某个网页元素在实际的操作过程中被其他的元素遮挡,就可以使用 JavaScript 代码模拟点击的方式被遮挡的该元素,Python 版和 Java 版演示代码如下。
Python 版本
element = driver.find_element(by,locator)
# argument[0]代表所传的element的第一个参数
#click()代表JS中的点击动作
driver.execute_script("arguments[0],click();",element)
复制代码
Java 版本
WebElment element = driver.findElement(By);
// argument[0]代表所传的element的第一个参数
// click()代表JS中的点击动作
JavascriptExector j = (JavascriptExecutor) driver;
j.executeScript("arguments[0].click;",element);
复制代码
5.实战演示
以测试企业微信为例,使用 JS 脚本实现点击“添加图片”按钮的操作,如图 3-22 所示。
实战演示的代码如下(Python 版和 Java 版)。
Python 演示代码
# 导入依赖
from selenium import webdriver
from selenium .webdriver.common.by import By
class TestWework:
def setup(self):
self.driver = webdriver.Chrome()
#隐式等待
self.driver.implicitly_wait(10)
def test_upload(self):
#元素定位
element_add = self.driver.find_element\
(By.CSS_SELECTOR,".js_upload_file_selector")
#执行JS代码
self.driver.execute_script\
("arguments[0].click();",element_add)
self.driver.find_element_by_id('js_upload_input').\
send_keys('D:\project\demol\demo.png')
assert len(self.driver.find_elements(By.CSS_SELECTOR,\
'.material_pic_list_item')) == 1
def teardown(self):
self.driver.quit()
复制代码
Java 演示代码
import org.junit.jupiter.api.AfterAll;
import org.junit.jupiter.api.BeforeAll;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import static org.junit.jupiter.api.Assertion.asserEquals;
public class Web2Test{
private static ChromeDriver driver;
@BeforeAll
public static void setUp(){
System.setProperty(
"webdriver.chrome.driver",
"/driver/chrome95/chromedriver"
);
driver = new ChromeDriver();
driver.manage().timeouts().implicitlyWait(10,TimeUnit,SECONDS);
}
@AfterAll
public static void teraDown(){
driver quit();
}
@Test
public void uploadTest(){
//元素定位
WebElement element_and = driver.findElement(\
By.cssSelector(".js_upload_file_selector"));
//执行JS代码
JavascriptExecutor j = (JavascriptExecutor) driver;
j.executeScript("arguments[0].click();"element_add);
driver.findElement(By.id("js_upload_input"))\
.sendKeys("D:\\project\\demol\\demo.png");
int num = driver.findElements(By.cssSelector\
(".material_pic_list_item")).size();
assertEquals(num,1);
}
}
复制代码
搜索微信公众号:TestingStudio 霍格沃兹的干货都很硬核
评论