playwright 脚本调试

已于 2024-04-11 13:48:49 修改
阅读量1.4k 收藏 2
点赞数
分类专栏： playwright python 自动化测试 文章标签： python playwright pytest
于 2022-09-07 23:41:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z917185537/article/details/125500819
版权

编写playwright脚本的过程中会涉及到脚本的调试，调试的话主要用Playwright Inspector来进行调试，可以通过以下几种方式来调试

PWDEBUG=1

设置PWDEBUG=1会打开inspector界面，并且

  • 浏览器会以headed的模式运行
  • timeout的默认值是0

设置方式

mac上设置方式 : PWDEBUG=1 pytest -s
windows设置方式:

set PWDEBUG=1  # 如果在powershell中要$env:PWDEBUG=1
pytest -s

如图所示，要执行下一条点击step over,执行整个执行resume调试界面
并且在这个界面还可以重新录制和进行元素定位，点击explore即可
在这里插入图片描述

PWDEBUG=console

设置PWDEBUG=console后，通过pytest -s执行用例时会有以下区别

  • 浏览器会以headed的模式运行
  • timeout的默认值是0
  • 打开控制台
    如图所示在这里插入图片描述

page.pause

前提： 在headed模式时才会生效
在执行到page.pause() 处暂停，并且打开inspector，如图所示，

Trace viewer

通过trace viewer可以查看脚本执行过程，如图所示在这里插入图片描述

录制trace

在需要录制的脚本前后加上如下代码即可录制

context.tracing.start(screenshots=True, snapshots=True, sources=True)
    …………………… #需要录制的代码
context.tracing.stop(path="trace.zip") #保存的文件名

如果使用了pytest-playwright插件,通过pytest 运行的时候带上 ```–tracing on ``参数即可录制（注意生成的trace.zip文件是在test-results目录下）

查看保存的trace，

方法一： 访问https://trace.playwright.dev/选择录制好的trace.zip文件即可打开，如图所示在这里插入图片描述

方法二：
在控制台中输入playwright show-trace trace.zip
在这里插入图片描述

z917185537
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Playwright Python官方文档
10-07
是从官方文档录入下来的V1.15版本。
微软出品自动化神器【Playwright+Java】系列（二） 之脚本的录制及调试详解
专研技术结交志同道合的朋友
02-18 1120
一周前，写了关于Playwright环境搭建及脚本录制的简单使用，反馈还是不错的。有不少粉丝给我留言说：觉得没看够，能不能再讲下脚本的录制使用？答案是肯定的，有人愿意看，我就可以写，当然，如果您看完愿意帮我再朋友圈转发一波，那我真的是感激不尽了。到此关于Playwright脚本的录制及调试已分享完毕，有兴趣的同学可以自行尝试，另想一起学习的Playwright同学可以加我好友一起学习交流哦。当然，如果有其他想学习的技术，也可以文末留言或者后台发给我，我也可以专门为您写一篇文章并在公号发表。
playwright中使用pytest --tracing on 运行时为什么没有生成跟踪文件
最新发布
qq_54915522的博客
03-20 201
1.在下面代码中运行pytest --tracing on 不但没有生成trace.zip,而且还将原来存在的test-results目录删除了。2.但是下面的代码中运行pytest --tracing on生成了trace.zip文件。
python+playwright+调试+连接已有浏览器
m0_45800894的博客
11-12 1108
python+playwright+调试+连接已有浏览器
playwright基础教程
伤心的辣条
05-11 3873
1、使用 Playwright 的录制功能来自动生成测试脚本。Playwright 提供了一个录制工具，可以在浏览器中执行一些操作并自动生成测试脚本，这样可以大大减少编写测试脚本的时间和工作量。具体使用方法可以参考 Playwright 官方文档。2、使用 Playwright 内置的截图功能来捕捉测试过程中的截图。Playwright 提供了内置的截图功能，可以捕捉测试过程中的任何时刻的屏幕截图，方便后续的问题分析和排查。具体使用方法可以参考 Playwright 官方文档。
2022年新一代最强开源UI自动化测试神器 ——Playwright（三）
m0_58026506的博客
10-11 1822
一.playwright 脚本调试 Playwright提供了degbug工具，用于脚本调试。 Playwright Inspector是一个GUI工具，可帮助修改和调试Playwright脚本。
playwright 调试定位(Inspect selectors)
qq_32941719的博客
02-19 438
在运行selenium脚本的时候，我们通常习惯用sleep去让页面暂停，打开console 输入 $(selector) 去调试定位页面的元素。有时候明明页面能找到元素，代码运行却找不到，很是郁闷！playwright 的断点功能出现，让打开可以愉快的在页面上调试了，我们甚至可以直接使用直接支持playwright选择器的方法。
playwright click timeout属性，等待元素出现的时间
weixin_59938810的博客
04-20 3498
timeout : Union[float, NoneType] Maximum time in milliseconds, defaults to 30 seconds, pass `0` to disable timeout. The default value can be changed by using the `browser_context.set_default_timeout()` or `page.set_default_timeout()` methods. tim.
UI自动化测试工具-Playwright基本使用（适合小白）
weixin_52435241的博客
05-30 931
Playwright开源的UI自动化测试工具。添加了默认等待时间增加脚本稳定性，并提供视频录制、网络请求支持、自定义的定位器、自带调试器等新特性。
Playwright debug 技巧
a405028157的博客
12-25 414
在使用 Playwright 写单测保护业务功能之前，首先要写出正确的 playwright 单测，这个环节有时候也会花费很多时间，但是好在 playwright 有不少 debug 技巧）
Playwright _ API.pdf
10-07
playwright的python版的API接口资料。
try-playwright：Try Playwright可让您在浏览器中执行和共享Playwright脚本，以开始使用Playwright
02-05
尝试Playwright 交互式可直接从浏览器运行示例
playwright python3.10
08-15
playwright python3.10
Playwright专题培训
09-21
主题内容包括： 1.序言 2.特性 3.安装（3.1命令行工具） 4.模块构成 5.关键内容点 5.1元素选择器selector 5.2可操作性 5.3网页加载过程 6.playwright Robot Framework（RF测试架构） 8.技术网站
playwright: wait_for_load_state等待页面加载到指定状态
z917185537的专栏
02-09 5566
page对象的方法，用于等待页面加载到指定状态。
playwright安装及脚本录制
z917185537的专栏
05-09 4664
安装 例子 录制脚本工具
pytest执行用例时返回异常ModuleNotFoundError: No module named ‘***‘
z917185537的专栏
07-21 3675
问题描述 通过pytest执行用例会返回异常：ModuleNotFoundError: No module named '***' 通过python -m pytest执行用例可以正常执行 通过pycharm进行run对应的用例文件，可以正常执行 项目目录结构和test_dir.py文件中的内容如下 问题出现原因 python -m pytest和pytest区别： python -m pytest会把当前项目的目录添加到sys.path（指定模块的搜索路径）中 通过pycharm进行运行的时候
pytest中参数化方法,并且根据执行的命令进行动态参数化
z917185537的专栏
07-21 3069
@pytest.mark.parametrize 多个参数，list格式，每个元素间的值以元组表示 参数值组合 添加用例标识 添加 name标记，可通过-m name来执行指定用例 #coding=utf-8 import pytest testdata = [ (3, 4, -1), (6,3, 3), ] @pytest.mark.parametrize("a,b,expected", testdata) def test_timedistance_v0(a, b, expect
playwright录制脚本
09-02
### 回答1： Playwright 是一种现代化的浏览器自动化工具，它可以用来录制和执行自动化测试脚本。以下是使用 Playwright 录制脚本的步骤： 1. 安装 Node.js 和 Playwright： ``` npm install -g playwright ``` 2. 启动录制工具： ``` npx playwright codegen ``` 3. 选择要录制的浏览器和操作系统，并打开浏览器： ``` const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch({ headless: false }); const context = await browser.newContext(); const page = await context.newPage(); await page.goto('https://example.com'); // 开始录制 })(); ``` 4. 在浏览器中进行操作，例如点击按钮或输入文本。 5. 停止录制并生成脚本，复制生成的代码并粘贴到测试脚本中。 6. 运行测试脚本： ``` node my-test.js ``` 这样就可以使用 Playwright 录制和执行自动化测试脚本了。 ### 回答2： Playwright是一个开源的自动化测试工具，它可以用于录制和执行浏览器自动化脚本。通过Playwright录制脚本，我们可以实现对Web应用程序的自动化操作和测试。 首先，我们需要安装Playwright。可以使用npm命令来安装Playwright的Node.js库，也可以使用pip命令来安装Python库。安装完成后，我们可以使用命令行或代码编辑器来编写脚本。 在开始录制脚本之前，需要先创建一个文件，比如script.js或者script.py。然后，我们可以使用Playwright提供的API来录制脚本。首先，需要导入Playwright库，并创建一个浏览器实例： const { webkit } = require('playwright'); (async () => { const browser = await webkit.launch(); const context = await browser.newContext(); const page = await context.newPage(); 接下来，我们可以在浏览器页面上执行各种操作，比如导航到指定的URL、填写表单、点击按钮、获取元素等等。我们可以使用page对象提供的方法来完成这些操作，比如： await page.goto('https://example.com'); await page.fill('input[name="username"]', 'myusername'); await page.click('button[type="submit"]'); const title = await page.title(); 在录制脚本期间，我们还可以使用Playwright的开发者工具，来查看浏览器页面的DOM结构和CSS样式。这样可以更方便地定位元素和编写脚本。 完成录制脚本后，我们可以保存脚本并执行它。执行脚本的方式取决于我们的需求，可以使用命令行工具传入脚本文件执行，也可以编写一个Node.js或Python程序来执行脚本。 总之，通过Playwright录制脚本，我们可以方便地实现对Web应用程序的自动化操作和测试。这样可以提高工作效率，减少人工操作的工作量，并确保应用程序的质量和稳定性。 ### 回答3： Playwright是一个强大的开源工具，用于录制、回放和调试Web应用程序的自动化脚本。使用Playwright录制脚本可以极大地提高开发人员的生产效率和测试质量。 首先，开发人员可以使用Playwright的录制功能来快速生成自动化测试脚本。通过在浏览器中手动操作网页，Playwright能够记录下每一步操作，如点击、输入、滚动等。录制下来的脚本可以直接在后续的回放中使用，省去了开发人员手动编写脚本的时间和精力。 其次，Playwright录制的脚本可以轻松地进行编辑和自定义。开发人员可以通过添加断言和条件语句来验证页面的正确性和功能的完整性。这样可以确保应用程序在各种场景下的稳定性和可靠性。 另外，Playwright还支持多种编程语言，包括JavaScript、TypeScript和Python等，这使得开发人员可以使用自己熟悉的语言编写和管理测试脚本。这种灵活性使得团队成员可以更好地合作，并且可以根据项目需要进行定制和扩展。 最后，Playwright还提供了丰富的调试工具，使得开发人员能够更好地跟踪和排查自动化测试脚本中的错误和问题。通过使用这些调试工具，开发人员可以检查每一步操作的执行结果、输入的准确性和页面的状态，从而更好地了解脚本的执行流程和问题所在。 总之，Playwright录制脚本是一种高效且灵活的方式，可用于自动化测试和测试驱动开发。它能够大大提高开发人员的效率和测试质量，同时也提供了强大的调试功能，帮助开发人员更好地解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值