跳到主要内容

生成测试

简介

Playwright 自带了开箱即用的测试生成功能,是快速开始测试的绝佳方式。它会打开两个窗口,一个浏览器窗口用于与你想要测试的网站进行交互,还有一个 Playwright 检查器窗口用于录制测试、复制测试、清除测试以及更改测试语言。

你将会学到

运行 Codegen

使用 codegen 命令来运行测试生成器,后面跟上你想要为其生成测试的网站 URL。URL 是可选的,你可以不带 URL 运行命令,然后直接在浏览器窗口中输入 URL。

playwright codegen demo.playwright.dev/todomvc

录制测试

运行 codegen 并在浏览器中执行操作。Playwright 会为用户交互生成代码。Codegen 会查看渲染的页面并生成推荐的定位器,优先考虑角色、文本和测试 ID 定位器。如果生成器识别出多个匹配定位器的元素,它会改进定位器以使其具有弹性并唯一标识目标元素,从而消除和减少由于定位器导致的测试失败和不稳定。

使用测试生成器你可以录制:

  • 通过简单地与页面交互来执行点击或填写等操作
  • 通过点击工具栏中的一个图标,然后点击页面上的元素来进行断言。你可以选择:
    • 'assert visibility' 断言元素是否可见
    • 'assert text' 断言元素是否包含特定文本
    • 'assert value' 断言元素是否有特定值

录制测试

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

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

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

生成定位器

你可以使用测试生成器生成 定位器

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

选择定位器

模拟

你还可以使用模拟功能生成测试,以便为特定视口、设备、颜色方案生成测试,以及模拟地理位置、语言或时区。测试生成器还可以在保持认证状态的情况下生成测试。查看 测试生成器 指南以了解更多信息。

接下来是什么