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