Playwright Test 是专门为了满足端到端测试的需求而创建的。Playwright 支持所有现代渲染引擎,包括 Chromium、WebKit 和 Firefox。在 Windows、Linux 和 macOS 上进行本地或 CI 测试,无头测试或使用适用于 Android 和 Mobile Safari 的 Google Chrome 的原生移动模拟进行测试。
首先安装 Playwright 并生成测试以查看其实际情况。或者,你也可以使用 CLI 开始并运行测试。
安装
安装 来自市场的 VS Code 扩展 或从 VS Code 中的扩展选项卡安装。
安装后,打开命令面板并输入:
Install Playwright
选择测试:安装 Playwright 并选择你想要运行测试的浏览器。这些可以稍后在 playwright.config 文件中配置。你还可以选择是否要将 GitHub Actions 设置为 在 CI 上运行测试。
打开测试侧边栏
可以通过单击活动栏中的测试图标来打开测试侧边栏。这将使你能够访问测试资源管理器,它将向你显示项目中的所有测试以及包含项目、设置、工具和设置的 Playwright 侧边栏。
运行测试
你可以通过单击测试块旁边的绿色三角形来运行单个测试。Playwright 将运行测试的每一行,完成后你将在测试块旁边看到一个绿色勾号以及运行测试所需的时间
运行测试并显示浏览器
你还可以运行测试并通过选择测试侧栏中的“显示浏览器”选项来显示浏览器。然后,当你单击绿色三角形来运行测试时,浏览器将打开,你将直观地看到它在测试中运行。如果你希望打开浏览器进行所有测试,请保留此选项;如果你希望测试在不打开浏览器的情况下以无头模式运行,请取消选中此选项。
查看并运行所有测试
查看测试侧栏中的所有测试,并通过单击每个测试来扩展测试。尚未运行的测试旁边不会有绿色勾号。将鼠标悬停在测试侧栏中的测试上时,单击白色三角形来运行所有测试。