playwright 实现高亮、is_visible 等源码修改
一. 前言
高亮是什么?
在ui自动化中可以执行js来让某个页面元素高亮,比如背景颜色、字体颜色、边框颜色等发生改变,以此更加方便执行的时候点了哪一步操作。(如果有不清楚怎么实现的可以转到我的介绍seliky的那一篇哦,我的seliky源码里有现成的)
那么这个高亮如何在playwright中实现呢?
原理也是一样的,只不过执行底层执行的是nodejs。
为什么要调整源码?
通过继承的逻辑链路太长了,不如调整源码来的简单,所以直接调整源码了。
为什么弃用原生的is_visible?
截止playwright 1.19版本,官方的 is_visible、is_displayed 方法疑似有bug,经过大量测试,发现这两个方法在明明元素可见的情况下返回 False,有时还抛出异常,真的不好用。
用什么代替 is_ 系列?
我们知道在常规概念(selenium) 里 is_displayed 表示是否加载到dom树,is_visible 表示是否加载并可见。这样的区别在面对常规元素时不是很大,可以用 is_show 封装的 wait_for_selector 处理。
二. 调整源码
"""
源码里的Page改为Pages
然后将下面的代码复制到源码里,除了第一句
""" from playwright.sync_api._generated import Pages
import time class Page(Pages):
def is_showed(self,
selector: str,
*,
state=None,
timeout: float = None,
strict: bool = None):
"""
原生的is_visible、is_displayed 好像有bug,这样比较好
"""
try:
flag = super().wait_for_selector(
selector=selector, state=state, timeout=timeout, strict=strict
)
except Exception as e:
flag = False
return flag def clicked(self,
selector: str,
*,
has_text=None,
has=None):
"""
实现点击高亮
原生的click有它的优势,这里改名为clicked以区分
"""
return self.locator(selector, has_text=has_text, has=has).click() def locator(
self,
selector: str,
*,
has_text=None,
has=None
):
"""
定位元素高亮
"""
bd = super().locator(
selector=selector, has_text=has_text, has=has
)
for i in range(2):
bd.evaluate('node => node.style.cssText="border:solid 2px blue"')
time.sleep(0.15)
bd.evaluate('node => node.style.cssText="border:solid 2px red"')
time.sleep(0.1)
bd.evaluate('node => node.style.cssText="border:solid 2px red"')
time.sleep(0.4)
bd.evaluate('node => node.style.cssText="border:solid 2px none"')
return bd
playwright 实现高亮、is_visible 等源码修改的更多相关文章
- Java学习-039-源码 jar 包的二次开发扩展实例(源码修改)
最近在使用已有的一些 jar 包时,发现有些 jar 包中的一些方法无法满足自己的一些需求,例如返回固定的格式,字符串处理等等,因而需要对原有 jar 文件中对应的 class 文件进行二次开发扩展, ...
- python的paramiko源码修改了一下,写了个操作命令的日志审计 bug修改
python的paramiko源码修改了一下,写了个操作命令的日志审计,但是记录的日志中也将backspace删除键记录成^H这个了,于是改了一下代码,用字符串的特性. 字符串具有列表的特性 > ...
- Android6.0 源码修改之 Contacts应用
一.Contacts应用的主界面和联系人详情界面增加顶部菜单添加退出按钮 通过Hierarchy View 工具可以发现 主界面对应的类为 PeopleActivity 联系人详情界面对应的类为 Qu ...
- Android6.0 源码修改之 仿IOS添加全屏可拖拽浮窗返回按钮
前言 之前写过屏蔽系统导航栏功能的文章,具体可看Android6.0 源码修改之屏蔽导航栏虚拟按键(Home和RecentAPP)/动态显示和隐藏NavigationBar 在某些特殊定制的版本中要求 ...
- Android6.0 源码修改之屏蔽系统短信功能和来电功能
一.屏蔽系统短信功能 1.屏蔽所有短信 android 4.2 短信发送流程分析可参考这篇 戳这 源码位置 vendor\mediatek\proprietary\packages\apps\Mms\ ...
- el-upload源码修改跳坑
之前给element-ui提了一个问题,结果没有鸟我,没办法,只能修改源码来满足需求了 (备注:element-ui2依然没有修改,为了迎合产品还是要改源码) 本文讨论的组件属性仅限于list-typ ...
- openfire源码修改后如何打包部署到linux服务器上
原文:http://blog.csdn.net/jinzhencs/article/details/50457152 1.linux版本的3.10.3解压部署启动(过程略,参考我的另一篇博文http: ...
- python requests接收chunked编码问题-python源码修改
python requests接收chunked编码问题-python源码修改 学习了:https://blog.csdn.net/wangzuxi/article/details/40377467
- postgresql密码加强-passwordcheck源码修改三种以上字符
目录 1.使用方式 2.效果 3.源码修改 1.参考pg_cron的源码在配置文件内增加一个参数 2.修改源码配置校验数字 因数据库入网检测须修改密码级别,在源有的passwordcheck插件上进行 ...
- vue打包时,assets目录 和static目录下文件的处理区别(nodeModule中插件源码修改后,打包后的文件应放在static目录)
为了回答这个问题,我们首先需要了解Webpack如何处理静态资产.在 *.vue 组件中,所有模板和CSS都会被 vue-html-loader 及 css-loader 解析,并查找资源URL.例如 ...
随机推荐
- 视频超分之BasicVSR-阅读笔记
1.介绍 对于视频超分提出了很多方法,EDVR中采用了多尺度可变形对齐模块和多个注意层进行对齐和定位并且从不同的帧聚合特征,在RBPN中,多个投影模块用于顺序聚合多个帧中的特征.这样的设计是有效的,但 ...
- 3.4:使用Weka实现KNN分类的算法示例
〇.概述 1.使用Weka平台,并在该平台使用数据导入.可视化等基本操作: 2.对KNN算法的不同k值进行比较,对比结果得出结论. 一.打开Weka3.8并导入数据 二.导入数据 三.KNN算法分类操 ...
- 论文解读(CDTrans)《CDTrans: Cross-domain Transformer for Unsupervised Domain Adaptation》
论文信息 论文标题:CDTrans: Cross-domain Transformer for Unsupervised Domain Adaptation论文作者:Tongkun Xu, Weihu ...
- Redis的数据复制
介绍 Redis 的复制 Redis 的复制功能分为同步(sync)和命令传播(command propagate)这两个操作 同步操作用于,将从服务器的数据库状态更新至主服务器当前所处的数据库状态: ...
- 网络编程 UDP套接字
第十二章 UDP套接字 12.1 前言 上一章讲述了TCP通信方式,它是基于流的面向连接的网络通信.UDP是IP协议上的另一种传输协议. TCP和UDP都是端到端的通信协议,都处于TCP/IP网络模型 ...
- 浅谈Java并发
Java并发是比较难的知识点,难于对并发的理解.并发要从操作系统和硬件层面去理解,才会比较深入,而不单单是从编程语言的逻辑去理解. 首先对于并发要清楚的几点: 线程可能在任何时刻被切换.计算机只对硬件 ...
- [编程基础] C++多线程入门3-小心地将参数传递给线程
原始C++标准仅支持单线程编程.新的C++标准(称为c++11或c++0x)于2011年发布.在c++11中,引入了新的线程库.因此运行本文程序需要C++至少符合c++11标准. 文章目录 3 小心地 ...
- cmd/批处理常用命令
启动新窗口执行命令 ::执行完毕以后,新开的窗口不会自动关闭 start cmd /k echo 123 ::执行完毕以后,新开的窗口会自动关闭 start cmd /C "echo 123 ...
- .NetCore下基于FreeRedis实现的Redis6.0客户端缓存之缓存键条件优雅过滤
前言 众所周知内存缓存(MemoryCache)数据是从内存中获取,性能表现上是最优的,但是内存缓存有一个缺点就是不支持分布式,数据在各个部署节点上各存一份,每份缓存的过期时间不一致,会导致幻读等各种 ...
- (13)go-micro微服务公用函数开发
目录 一 前言 二 SwapTo 通过json tag 进行结构体赋值 三 UserForResponse 类型转化 四 最后 一 前言 在utils目录中新建一个swap.go文件 swap.go中 ...