生成测试

介绍

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

你将学到:

  • 如何录制测试

  • 如何生成定位器

运行 Codegen

使用 codegen 命令运行测试生成器,后面跟上您希望为其生成测试的网站 URL。URL 是可选的,您也可以在没有 URL 的情况下运行命令,然后直接在浏览器窗口中输入 URL。

npx playwright codegen demo.playwright.dev/todomvc

录制测试

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

通过测试生成器,您可以录制以下内容:

  • 通过与页面交互来执行的操作,例如点击或填充

  • 通过点击工具栏上的图标来执行的断言,然后点击页面上的元素进行断言。您可以选择:

    • 'assert visibility':断言元素是可见的

    • 'assert text':断言元素包含特定文本

    • 'assert value':断言元素具有特定值

image 2024 12 15 21 05 30 990

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

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

要了解更多关于生成测试的内容,请查看我们关于 【Codegen】 的详细指南。

生成定位器

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

  • 点击 'Record' 按钮停止录制,'Pick Locator' 按钮将出现。

  • 点击 'Pick Locator' 按钮,然后将鼠标悬停在浏览器窗口中的元素上,您将看到每个元素下方的定位器被高亮显示。

  • 要选择定位器,点击您希望定位的元素,该定位器的代码将出现在定位器播放区,紧挨着 'Pick Locator' 按钮。

  • 您可以在定位器播放区编辑该定位器以进行微调,并查看匹配的元素在浏览器窗口中被高亮显示。

  • 使用复制按钮将定位器复制并粘贴到您的代码中。

image 2024 12 15 21 08 13 834

仿真

您还可以使用仿真功能生成测试,以便为特定的视口、设备、颜色模式等生成测试,同时仿真地理位置、语言或时区。测试生成器还可以在保持身份验证状态的同时生成测试。请查看 【测试生成器】 指南,了解更多信息。

接下来做什么

  • 查看您的测试追踪