playwright学习笔记

目录

一、序章

Playwright B站视频学习地址

学习目的:

  1. 从0学python
  2. 从0学playwright
  3. UI自动化全流程实战项目
  4. 在工作中用起来

二、环境安装

1.环境要求:

· Python 3.8 或更高版本。

· Windows 10+、Windows Server 2016+ 或适用于 Linux 的 Windows 子系统 (WSL)。

· macOS 13 Ventura 或 macOS 14 Sonoma。

· Debian 11、Debian 12、Ubuntu 20.04 或 Ubuntu 22.04、Ubuntu 24.04,在 x86-64 和 arm64 架构上。

2.Pycharm安装:

Windows:

https://www.jetbrains.com.cn

安装版本:Window有两种内核芯片:AMD64和ARM64,根据自己电脑处理器架构类型选择对应的版本,大部分选择".exe(Windows)"即可

内核芯片查询方法:

快捷键Win+R打开cmd命令窗口,输入:echo %PROCESSOR_ARCHITECTURE%

3.playwright安装

pycharm新建一个项目,找到左下角终端(Terminal)打开

python 复制代码
# 查看已经安装的安装包
pip list
# 如果提示要升级,升级pip
pip install --upgrade pip
# 安装pytest和playwright包
pip install pytest-playwright
# 安装playwrith的三个浏览器内核:chromimn,firefox,webkit(mac)
playwright install

三、第一条自动化编写

python 复制代码
# 导入包  
from playwright.sync_api import Page  
  
# 定义函数的方法,define的缩写  
# pytest测试框架会将test_开头的识别为测试用例  
# pytest fixture夹具创建一个page?  
# page入参 Page类,代表入参是一个Page类,就可以使用Page类的方法  
def test_goto_playwright(page:Page):  
    # goto访问一个URL,  
    page.goto(url='https://github.com/microsoft/playwright')  
    # 等待5秒(毫秒单位5_000便于阅读),因playwright有些是异步协程不建议使用sleep方法  
    page.wait_for_timeout(5_000)

1.等待机制

Playwright 不建议用 sleep () 的原因:

  1. 测试不稳定,sleep () 是 "盲等",无法适配环境差异
  2. 测试效率极低:大量无意义等待,拖慢整体执行速度
  3. 违背Playwright 的核心优势之一:自动等待(Auto-waiting)

Playwright等待方案:

  1. 自动等待 :Playwright 的所有操作 API(click/fill/select等)都内置自动等待,无需写任何等待代码,默认等待 30 秒(可配置),元素满足条件就立即执行:
  2. 显式条件等待(适配特殊场景)
    若需要等待 "页面加载完成""元素出现 / 消失""网络请求完成" 等自定义条件,用wait_for_*系列 API,而非sleep()
场景 推荐API 作用
等待元素可见 page.wait_for_selector("#kw", state="visible") 等待元素出现在DOM且可见
等待页面加载完成 page.wait_for_load_state("networkidle") 等待网络请求完成(无新请求)
等待弹窗消失 page.wait_for_selector("#modal", state="hidden") 等待元素隐藏/消失
等待自定义条件 page.wait_for_function("() => window.innerWidth > 800") 等待JS表达式返回True
  1. Playwright 也提供了替代time.sleep()的 API------page.wait_for_timeout(n),但官方明确说明 "仅用于调试时临时暂停,而非测试等待,禁止在生产测试中使用"

2.有头运行测试方法

1.终端(Terminal)使用命令

python 复制代码
# test_baidu.py替换成要执行的测试文件
pytest --headed test_baidu.py

2.在pycharm配置运行参数

相关推荐
管鲍考试学习系统1 小时前
在线考试系统是什么?功能、部署、应用场景全详解(管鲍考试学习系统 V8.0 深度版)
学习·架构·在线考试·考试系统·培训考试·考试练习
CheerWWW1 小时前
深入理解计算机系统——位运算、树状数组
笔记·学习·算法·计算机系统
中屹指纹浏览器1 小时前
2026浏览器指纹检测技术演进与多账号反检测实战策略
经验分享·笔记
独小乐2 小时前
012.整体框架适配SDRAM|千篇笔记实现嵌入式全栈/裸机篇
c语言·汇编·笔记·单片机·嵌入式硬件·arm·gnu
GHL2842710902 小时前
Qwen-Agent 内置RAG学习
学习·ai
Mabnus2 小时前
免疫治疗靶点FCRL5
学习
卡布叻_星星2 小时前
AI大模型之采用DeepSeek-Coder:6.7b + Ollama + Continue离线部署
笔记
wb1892 小时前
NoSQL数据库Redis集群重习
数据库·redis·笔记·云计算·nosql
目标是分享一切2 小时前
P4语言学习过程【环境安装+p4官方tutorials】
学习