跳至主要内容

生成测试

简介

Playwright 自带生成测试的功能,是快速开始测试的绝佳方式。它将打开两个窗口,一个浏览器窗口,您可以在其中与要测试的网站交互,以及 Playwright 检查器窗口,您可以在其中录制测试、复制测试、清除测试以及更改测试的语言。

您将学习

运行 Codegen

使用 codegen 命令运行测试生成器,后跟要为其生成测试的网站的 URL。URL 是可选的,您始终可以在没有它的情况下运行命令,然后将 URL 直接添加到浏览器窗口中。

npx playwright codegen demo.playwright.dev/todomvc

录制测试

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

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

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

Recording a test

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

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

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

生成定位器

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

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

picking a locator

模拟

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

下一步