软件测试 | 执行JavaScript脚本

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霍格沃兹的干货很硬核