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')")

代码中使用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);

执行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);

以测试企业微信为例，使用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);     }}