跳至主要内容

生成测试

引言

Playwright 开箱即用地提供了生成测试的能力,是快速开始测试的绝佳方式。它将打开两个窗口:一个浏览器窗口,您可以在其中与想要测试的网站进行交互;另一个是 Playwright Inspector 窗口,您可以在其中录制测试、复制测试、清除测试以及更改测试的语言。

您将学习

运行 Codegen

使用 codegen 命令运行测试生成器,后跟您要为其生成测试的网站 URL。URL 是可选的,您可以不带 URL 运行该命令,然后直接将 URL 添加到浏览器窗口中。

pwsh bin/Debug/net8.0/playwright.ps1 codegen demo.playwright.dev/todomvc

录制测试

运行 codegen 并在浏览器中执行操作。Playwright 将生成用户交互的代码。Codegen 将查看渲染后的页面,并找出推荐的定位符,优先使用 role、text 和 test id 定位符。如果生成器识别到多个匹配定位符的元素,它将改进定位符,使其更具弹性并唯一标识目标元素,从而消除和减少由于定位符问题导致的测试失败和不稳定。

使用测试生成器,您可以录制

  • 通过简单地与页面交互来录制诸如点击或填充之类的操作
  • 通过点击工具栏中的某个图标,然后点击页面上的元素进行断言。您可以选择
    • 'assert visibility'(断言可见性)来断言元素是可见的
    • 'assert text'(断言文本)来断言元素包含特定文本
    • 'assert value'(断言值)来断言元素具有特定值

recording a test

完成与页面的交互后,按下 'record' 按钮停止录制,然后使用 'copy' 按钮将生成的代码复制到您的编辑器中。

使用 'clear' 按钮清除代码以重新开始录制。完成后,关闭 Playwright Inspector 窗口或停止终端命令。

要了解更多关于生成测试的信息,请查阅我们的 Codegen 详细指南。

生成定位符

您可以使用测试生成器生成定位符

  • 按下 'Record' 按钮停止录制,然后将出现 'Pick Locator' 按钮。
  • 点击 'Pick Locator' 按钮,然后将鼠标悬停在浏览器窗口中的元素上,以查看每个元素下方高亮显示的定位符。
  • 要选择定位符,请点击您想要定位的元素,该定位符的代码将出现在“Pick Locator”按钮旁边的定位符演练场中。
  • 然后您可以在定位符演练场中编辑定位符以对其进行微调,并在浏览器窗口中看到匹配的元素高亮显示。
  • 使用复制按钮复制定位符并将其粘贴到您的代码中。

picking a locator

模拟

您还可以使用模拟来生成测试,例如针对特定视口、设备、配色方案生成测试,以及模拟地理位置、语言或时区。测试生成器还可以在保留身份验证状态的同时生成测试。请查阅测试生成器指南以了解更多信息。

下一步