跳至主要内容

生成测试

简介

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

你将学习

运行代码生成器

使用codegen命令运行测试生成器,后跟您想为其生成测试的网站URL。URL是可选的,您也可以不带URL直接运行该命令,然后在浏览器窗口中手动添加URL。

pwsh bin/Debug/net8.0/playwright.ps1 codegen demo.playwright.dev/todomvc

录制测试

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

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

  • 通过简单地与页面交互来执行点击或填充等操作
  • Assertions by clicking on one of the icons in the toolbar and then clicking on an element on the page to assert against. You can choose:
    • 'assert visibility' 用于断言元素是否可见
    • 'assert text' 用于断言元素包含特定文本
    • 'assert value' 用于断言元素具有特定值

recording a test

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

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

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

生成定位器

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

  • 按下'Record'按钮停止录制,'Pick Locator'按钮将会出现。
  • 点击'Pick Locator'按钮,然后将鼠标悬停在浏览器窗口中的元素上,可以看到每个元素下方高亮显示的定位器。
  • 要选择定位器,请点击您想要定位的元素,该定位器的代码将出现在"Pick Locator"按钮旁边的定位器调试区域中。
  • 然后您可以在定位器调试器中编辑定位器,进行微调并查看浏览器窗口中高亮显示的匹配元素。
  • 使用复制按钮复制定位器并将其粘贴到您的代码中。

picking a locator

模拟

您还可以使用模拟功能生成测试,以便为特定视口、设备、配色方案生成测试,同时模拟地理位置、语言或时区。测试生成器还可以在保持认证状态的情况下生成测试。查看Test Generator指南了解更多信息。

下一步