web自动化测试-执行 JavaScript 脚本

JavaScript 是一种脚本语言,有的场景需要使用 js 脚本注入辅助我们完成 Selenium 无法做到的事情。
当 webdriver 遇到无法完成的操作时,可以使用 JavaScript 来完成,webdriver 提供了 execute_script() 方法来调用 js 代码。
执行 js 有两种场景:

在页面上直接执行 js
在某个已经定位的元素上执行 js

执行js
Selenium 可以通过 execute_script() 来执行 JavaScript 脚本。

driver.execute_script:同步执行 JavaScript 在当前的窗口框架下
js 脚本可以在浏览器的开发者工具 -> Console 中进行调试

在这里插入图片描述
js的返回结果

获取元素控件中的属性值

在这里插入图片描述

  • 与 Selenium 结合,在代码中返回 js 结果
  • 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);

arguments传参

执行 JavaScript 也可以通过传参的方式传入元素信息,还可以通过下面的方法点击被遮挡的元素。

例如:某个元素在实际的操作过程中被其他的元素遮挡,就可以使用 js 点击的方式

  • Python 版本

element = driver.find_element(by, locator)

#arguments[0]代表所传值element的第一个参数

#click()代表js中的点击动作

driver.execute_script("arguments[0].click();",element)
  • Java 版本

WebElement element = driver.findElement(By);

// arguments[0]代表所传值element的第一个参数

// click()代表js中的点击动作

JavascriptExecutor j = (JavascriptExecutor) driver;

j.executeScript("arguments[0].click();", element);

自动化过程中的报错如下:

  1. Other element would receive the click:

  2. <label class="custom-control-label" for="user_remember_me">...</label>

如果出现上面的错误,可以使用 js 的方式进行点击。

实战演示

以企业微信为例,使用 js 点击添加图片

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\demo1\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.Assertions.assertEquals;


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 tearDown() {

driver.quit();

}


@Test

public void uploadTest() {

// 元素定位

WebElement element_add = 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\\demo1\\demo.png");

int num = driver.findElements(By.cssSelector\

(".material_pic_list_item")).size();

assertEquals(num, 1);

}

}

在测试工作中,JavaScript 也是经常会用到的,所以大家还是要多多练习,才能掌握的更扎实。

最后感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

  • 5
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值