本文介绍了Playwright 1.32版本新增的UI模式功能，这是一个用于运行和调试测试的可视化界面。用户可以直观地查看测试列表、执行情况和详细时间线，通过源代码视图快速定位和修复错误。此外，UI模式还支持与Visual Studio Code的集成，实现代码同步和即时修复。这一创新极大提升了开发者在测试阶段的体验。
大家好，在1.32
版本中，Playwright 为我们发布了一个很酷的新功能，即 UI 模式！
此功能仍处于测试阶段，但您可以通过在 CLI 中添加一个简单的选项来使用它–ui。
$ npx playwright test --ui
此命令的结果是在您的显示器中出现一个新窗口！
使用此视图，您可以运行和调试您的测试。但是，让我们深入研究一下。
该视图分为两部分：左侧部分包含测试列表，右侧部分是检查和调试测试的关键视图。如果您熟悉 Playwright 跟踪器，右侧部分类似于跟踪器视图。
但是你能用这个视图做什么呢？
首先，您可以使用每个测试或一组测试右侧的运行按钮运行一个或多个测试。
Playwright 通过单击此按钮运行测试，您可以看到结果。绿色对勾表示测试正常，带有圆圈 X 的红色图标表示测试有错误。
现在，如果您单击右侧部分中的一个测试，您可以看到在其执行期间发生了什么。
在这种情况下，让我们深入研究错误的测试。
在顶部，您可以看到测试的时间线；您可以用鼠标浏览它并在执行过程中查看所有浏览器视图。
扫一扫
718
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
