写点什么

软件测试 | 执行 JavaScript 脚本

  • 2023-02-14
    北京
  • 本文字数:2018 字

    阅读完需:约 7 分钟

1.JavaScript 简介

JavaScript 是一种脚本语言,简称 JS。有的测试场景需要使用 JS 脚本辅助我们完成 Selenium 无法做到的测试工作。


例如,当 webdriver 遇到无法完成的测试操作时,可以使用 JavaScript 来辅助完成。webdriver 提供了 execute_script()方法来调用 JS 代码。


execute_script()方法可以在当前窗口/框架中执行 JavaScript 脚本。

2.执行 JavaScript 脚本

Selenium 可以通过 execute_script()方法来执行 JavaScript 脚本,document 中元素结构如图所示


# 获取测试人社区Logodriver.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 webdriverfrom selenium .webdriver.common.by import Byclass 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 霍格沃兹的干货都很硬核

用户头像

社区:ceshiren.com 2022-08-29 加入

微信公众号:霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料、实事更新一线互联网大厂测试岗位内推需求,共享测试行业动态及资讯,更可零距离接触众多业内大佬

评论

发布
暂无评论
软件测试 | 执行JavaScript脚本_测试_测吧(北京)科技有限公司_InfoQ写作社区