生成测试
介绍
Playwright 内置了生成测试的能力,是快速开始测试的好方法。它会打开两个窗口:一个浏览器窗口,用于与您想要测试的网站进行交互;另一个是 Playwright Inspector 窗口,您可以在其中录制测试、复制测试、清除测试以及更改测试语言。
您将学到
运行 Codegen
使用 codegen
命令来运行测试生成器,后面跟着您想要为其生成测试的网站 URL。URL 是可选的,您可以随时不带 URL 运行命令,然后直接在浏览器窗口中添加 URL。
npx playwright codegen demo.playwright.dev/todomvc
录制测试
运行 codegen
并在浏览器中执行操作。Playwright 将为用户交互生成代码。Codegen
会查看渲染的页面,并找出推荐的定位器,优先考虑 role、text 和 test id 定位器。如果生成器识别到多个匹配定位器的元素,它将改进定位器,使其更具弹性并唯一标识目标元素,从而消除和减少由于定位器问题导致的测试失败和不稳定。
通过测试生成器,您可以录制
- 点击或填写等操作,只需与页面交互即可
- 断言,通过点击工具栏中的图标之一,然后点击页面上的元素来进行断言。您可以选择
'assert visibility'
断言元素是否可见'assert text'
断言元素包含特定文本'assert value'
断言元素具有特定值
完成与页面的交互后,按 'record'
按钮停止录制,并使用 'copy'
按钮将生成的代码复制到您的编辑器中。
使用 'clear'
按钮清除代码以便重新开始录制。完成后,关闭 Playwright inspector 窗口或停止终端命令。
要了解更多关于生成测试的信息,请查看我们的详细指南 Codegen。
生成定位器
您可以使用测试生成器生成定位器。
- 按下
'Record'
按钮停止录制,此时会出现'Pick Locator'
按钮。 - 点击
'Pick Locator'
按钮,然后在浏览器窗口中悬停在元素上方,即可看到每个元素下方突出显示的定位器。 - 要选择定位器,请点击您想要定位的元素,该定位器的代码将出现在 Pick Locator 按钮旁边的定位器 playground 中。
- 然后您可以在定位器 playground 中编辑定位器以进行微调,并在浏览器窗口中查看匹配的元素突出显示。
- 使用复制按钮复制定位器并将其粘贴到您的代码中。
模拟
您还可以使用模拟来生成测试,从而为特定的视口、设备、配色方案生成测试,以及模拟地理位置、语言或时区。测试生成器还可以在保留认证状态的情况下生成测试。请查看测试生成器指南了解更多信息。