目录
介绍
Playwright 内置了生成测试的能力,是快速开始测试的一个绝佳方式。它会打开两个窗口:一个浏览器窗口,用于与您希望测试的网站进行交互;另一个是 Playwright Inspector检查器窗口,您可以在其中录制测试、复制测试、清除测试以及更改测试的语言。
您将学习:
如何录制测试
如何生成定位器(Locators)
运行 Codegen
使用 codegen
命令来运行测试生成器,后面跟上您想要为其生成测试的网站的 URL。URL 是可选的,您可以在不输入 URL 的情况下运行命令,然后直接在浏览器窗口中输入 URL。
playwright codegen demo.playwright.dev/todomvc
执行上述命令后,Playwright 将启动一个浏览器窗口,并加载指定的 URL(在这个例子中是 demo.playwright.dev/todomvc
),同时还会打开 Playwright Inspector 窗口,您可以在其中录制、编辑和生成测试。
录制测试
运行 codegen 并在浏览器中执行操作。Playwright 将为用户交互生成代码。Codegen 会查看渲染后的页面,并确定推荐的定位器(locator),优先考虑角色(role)、文本(text)和测试ID(test id)定位器。如果生成器识别到多个与定位器匹配的元素,它会改进定位器,使其更加健壮并唯一地标识目标元素,从而消除或减少由于定位器问题导致的测试失败和不稳定情况。
使用测试生成器,您可以录制:
通过简单地与页面交互来进行点击或填充等操作
通过单击工具栏中的一个图标,然后单击页面上要断言的元素来断言。您可以选择:
'assert visibility',断言元素是否可见
'assert text',断言元素是否包含特定文本
'assert value',断言元素是否具有特定值
完成与页面的交互后,按“录制”按钮停止录制,并使用“复制”按钮将生成的代码复制到您的编辑器中。
使用“清除”按钮清除代码以重新开始录制。完成后,关闭 Playwright 检查器窗口或停止终端命令。
要了解有关生成测试的更多信息,请查看我们关于Codegen 的详细指南。
生成定位器
您可以使用测试生成器来生成定位器。
- 按“录制”按钮停止录制,然后“选择定位器”按钮将出现。
- 点击“选择定位器”按钮,然后将鼠标悬停在浏览器窗口中的元素上,以查看每个元素下方突出显示的定位器。
- 要选择一个定位器,请点击您想要定位的元素,该定位器的代码将出现在“选择定位器”按钮旁边的定位器测试区域中。
- 然后,您可以在定位器测试区域中编辑定位器以对其进行微调,并查看浏览器窗口中突出显示的匹配元素。
- 使用复制按钮复制定位器,并将其粘贴到您的代码中。
模拟
您还可以使用模拟功能来生成测试,以便为特定的视口、设备、颜色方案生成测试,并模拟地理位置、语言或时区。测试生成器还可以在保留认证状态的同时生成测试。请查看测试生成器Test Generator指南以了解更多信息。