Selenium2+Python自动化:利用JS解决click失效问题

文章目录

前言

在使用Selenium2和Python进行自动化测试时,我们有时会遇到这样的情况:元素明明已经被成功定位,代码运行也没有报错,但点击元素后,页面却没有任何反应。由于没有报错信息,仅仅是 click 事件失效,这种问题处理起来着实令人头疼。

本篇文章将介绍两种方法,帮助你解决这种诡异的点击事件失效问题。

一、遇到的问题

在练习操作百度的搜索设置按钮时,点击保存设置按钮后,预期弹出的 alert 框并未出现(代码运行没有报错,但获取 alert 框失败)。相信不少人都遇到过类似的情况。

二、点击父元素

问题分析

出现这种点击失效的问题,很可能是前面操作 select 元素后产生的后遗症。经过测试,当注释掉 select 相关代码后,点击操作能够成功执行。

解决办法

第一种解决办法是,先点击目标元素的父元素一次,然后再点击目标元素。

实现思路

通过先触发父元素的点击事件,可能会解决因之前操作导致的页面状态异常,从而使后续对目标元素的点击操作能够正常执行。

三、使用JS直接点击

当遇到上述诡异问题时,我们可以使用JS大法来解决。通过JS直接执行点击事件,绕过可能存在的页面交互异常。

四、参考代码

python 复制代码
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
import time

# 初始化浏览器驱动
driver = webdriver.Firefox()
# 打开百度页面
url = "https://www.baidu.com"
driver.get(url)
# 等待页面加载
time.sleep(3)

# 定位设置按钮并悬停
mouse = driver.find_element("link text", "设置")
ActionChains(driver).move_to_element(mouse).perform()
# 等待悬停效果生效
time.sleep(3)

# 点击搜索设置
driver.find_element("link text", "搜索设置").click()
# 等待页面跳转
time.sleep(3)

# 选择每页显示50条
s = driver.find_element("id", "nr")
Select(s).select_by_visible_text("每页显示50条")

# 方法一:先点父元素 
# driver.find_element("id", "gxszButton").click()
# driver.find_element("class name", "prefpanelgo").click()

# 方法二:用js直接去点击 
js = 'document.getElementsByClassName("prefpanelgo")[0].click();'
driver.execute_script(js)
相关推荐
da_vinci_x1 天前
Substance Designer的通道合并(Channel Packing)自动化工作流
3d·自动化·贴图·技术美术·游戏策划·游戏美术·substance designer
cdprinter1 天前
信刻——安全生产音视频录音录像自动刻录备份归档管理系统
安全·自动化·音视频
应用市场1 天前
构建自定义命令行工具 - 打造专属指令体
开发语言·windows·python
东方佑1 天前
从字符串中提取重复子串的Python算法解析
windows·python·算法
Dfreedom.1 天前
一文掌握Python四大核心数据结构:变量、结构体、类与枚举
开发语言·数据结构·python·变量·数据类型
一半烟火以谋生1 天前
Python + Pytest + Allure 自动化测试报告教程
开发语言·python·pytest
saadiya~1 天前
ECharts 实时数据平滑更新实践(含 WebSocket 模拟)
前端·javascript·echarts
叶子丶苏1 天前
第八节_PySide6基本窗口控件_按钮类控件(QAbstractButton)
python·pyqt
百锦再1 天前
Vue Scoped样式混淆问题详解与解决方案
java·前端·javascript·数据库·vue.js·学习·.net
百锦再1 天前
对前后端分离与前后端不分离(通常指服务端渲染)的架构进行全方位的对比分析
java·开发语言·python·架构·eclipse·php·maven