主要观点:Playwright 可通过有头和无头模式运行测试,1.32 版本引入 UI 模式以改善有头模式体验,UI 模式提供可视化界面用于运行和调试测试,能带来诸多益处和方便的操作。
关键信息:
- Playwright 早期有头模式测试有挑战,1.32 引入 UI 模式。
- UI 模式可实时查看测试运行、交互式调试等,有多个关键组件如测试资源管理器、动作资源管理器等。
- 可通过安装特定版本、运行命令开启 UI 模式,如
npx playwright test --ui
。 - UI 模式有多种功能,如过滤测试、选取定位器、查看动作和元数据等。
重要细节: - UI 模式关键益处包括实时查看、停止执行检查元素、轨迹查看器、易选可靠定位器、快速执行测试步骤、支持自动化截图录像等。
- 测试资源管理器可通过多种方式过滤测试,动作资源管理器包含多个记录和显示测试执行细节的标签,浏览器预览提供实时视图,开发者工具包含多种类似浏览器开发工具的标签。
- 过滤测试可按文本、@tag、状态、项目等进行,Pick Locator 可通过点击图标并 hover 元素获取定位器,动作和元数据标签可查看相关信息,Timeline View 可查看测试动作时间线等,Watch 功能可自动重运行修改后的测试,Source、Call、Log 标签可查看相关内容,Error 标签显示测试失败原因,Console 标签显示测试和浏览器日志,Network 标签显示网络请求,Attachments 标签用于图像比较,Annotations 可标记测试套件改变执行行为。总体 UI 模式虽方便调试但本地运行测试有局限。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。