跳转到主要内容

运行和调试测试

简介

使用 Playwright,您可以运行单个测试、一组测试或所有测试。可以使用 --project 标志在一台浏览器或多台浏览器上运行测试。默认情况下,测试是并行运行的,并且在无头模式下运行,这意味着在运行测试时不会打开浏览器窗口,结果会显示在终端中。您可以使用 --headed CLI 参数在有头模式下运行测试,或使用 --ui 标志在UI 模式下运行测试,以查看测试的完整跟踪。

您将学到

运行测试

命令行

您可以使用 playwright test 命令运行测试。这将根据 playwright.config 文件中的配置在所有浏览器上运行您的测试,结果会显示在终端中。默认情况下,测试在无头模式下运行,这意味着在运行测试时不会打开浏览器窗口。

npx playwright test

tests running in command line

在 UI 模式下运行测试

我们强烈建议使用UI 模式运行测试,以获得更好的开发体验,您可以轻松地逐步完成测试的每一步,并直观地看到每一步之前、期间和之后发生的情况。UI 模式还附带许多其他功能,例如定位器选择器、监视模式等。

npx playwright test --ui

UI Mode

查看我们的关于 UI 模式的详细指南以了解有关其功能的更多信息。

在有头模式下运行测试

要使用 --headed 标志以有头模式运行测试。这使您能够直观地看到 Playwright 如何与网站进行交互。

npx playwright test --headed

在不同浏览器上运行测试

要指定要在其上运行测试的浏览器,请使用 --project 标志,后跟浏览器名称。

npx playwright test --project webkit

要在多个浏览器上运行测试,请多次使用 --project 标志,后跟每个浏览器名称。

npx playwright test --project webkit --project firefox

运行特定测试

要运行单个测试文件,请传入要运行的测试文件名。

npx playwright test landing-page.spec.ts

要从不同目录运行一组测试文件,请传入要运行测试的目录名称。

npx playwright test tests/todo-page/ tests/landing-page/

要运行文件名中包含 landinglogin 的文件,只需将这些关键字传递给 CLI 即可。

npx playwright test landing login

要运行具有特定标题的测试,请使用 -g 标志,后跟测试的标题。

npx playwright test -g "add a todo item"

运行上次失败的测试

要仅运行上次测试运行中失败的测试,请先运行测试,然后使用 --last-failed 标志再次运行它们。

npx playwright test --last-failed

在 VS Code 中运行测试

可以直接从 VS Code 使用VS Code 扩展运行测试。安装后,您可以点击要运行的测试旁边的绿色三角形,或从测试侧边栏运行所有测试。请查看我们的VS Code 入门指南了解更多详细信息。

install playwright extension

调试测试

由于 Playwright 在 Node.js 中运行,您可以使用您选择的调试器对其进行调试,例如使用 console.log、在 IDE 中或直接在 VS Code 中使用VS Code 扩展。Playwright 附带UI 模式,您可以在其中轻松地逐步完成测试的每一步,查看日志、错误、网络请求、检查 DOM 快照等。您还可以使用Playwright Inspector,它允许您逐步执行 Playwright API 调用,查看它们的调试日志,并探索定位器

在 UI 模式下调试测试

我们强烈建议使用UI 模式调试测试,以获得更好的开发体验,您可以轻松地逐步完成测试的每一步,并直观地看到每一步之前、期间和之后发生的情况。UI 模式还附带许多其他功能,例如定位器选择器、监视模式等。

npx playwright test --ui

showing errors in ui mode

在调试时,您可以使用“选择定位器”按钮在页面上选择一个元素,并查看 Playwright 将用于查找该元素的定位器。您还可以在定位器游乐场中编辑定位器,并实时看到它在浏览器窗口中突出显示。使用“复制定位器”按钮将定位器复制到剪贴板,然后将其粘贴到您的测试中。

pick locator in ui mode

查看我们的关于 UI 模式的详细指南以了解有关其功能的更多信息。

使用 Playwright Inspector 调试测试

要调试所有测试,请运行 Playwright test 命令,后跟 --debug 标志。

npx playwright test --debug

Debugging Tests with the Playwright inspector

此命令会打开一个浏览器窗口以及 Playwright Inspector。您可以使用 Inspector 顶部的“步进”按钮逐步执行测试。或者,按播放按钮从头到尾运行测试。测试完成后,浏览器窗口将关闭。

要调试一个测试文件,请运行带有要调试的测试文件名的 Playwright test 命令,后跟 --debug 标志。

npx playwright test example.spec.ts --debug

要调试特定测试,从 test(.. 定义的行号开始,在测试文件名末尾添加一个冒号,后跟行号,然后是 --debug 标志。

npx playwright test example.spec.ts:10 --debug

在调试时,您可以使用“选择定位器”按钮在页面上选择一个元素,并查看 Playwright 将用于查找该元素的定位器。您还可以编辑定位器,并实时看到它在浏览器窗口中突出显示。使用“复制定位器”按钮将定位器复制到剪贴板,然后将其粘贴到您的测试中。

Locator picker in the Playwright Inspector

查看我们的调试指南,了解有关使用VS Code 调试器、UI 模式和Playwright Inspector进行调试以及使用浏览器开发者工具进行调试的更多信息。

测试报告

HTML 报告器会向您显示完整的测试报告,允许您按浏览器、通过的测试、失败的测试、跳过的测试和不稳定的测试过滤报告。默认情况下,如果某些测试失败,HTML 报告会自动打开,否则您可以使用以下命令打开它。

npx playwright show-report

HTML Report

您可以过滤和搜索测试,也可以点击每个测试以查看测试错误并探索测试的每个步骤。

HTML Reporter detail view

下一步