生成测试
简介
Playwright 内置了开箱即用的测试生成功能，这是快速开始测试的绝佳方式。它会打开两个窗口：一个浏览器窗口用于与待测试网站交互，另一个 Playwright Inspector 窗口用于记录测试、复制测试、清除测试以及更改测试语言。
你将学习
运行代码生成器
使用 codegen 命令运行测试生成器，后接要生成测试的网站 URL。URL 是可选的，你也可以直接运行命令而不带 URL，稍后在浏览器窗口中手动输入 URL。
npx playwright codegen demo.playwright.dev/todomvc
录制测试
运行 codegen 并在浏览器中执行操作。Playwright 会为用户交互生成代码。Codegen 会分析渲染页面并推荐最佳定位器，优先考虑角色（role）、文本（text）和测试 ID（test id）定位器。如果生成器发现多个元素匹配定位器，它会优化定位器使其更健壮，确保能唯一标识目标元素，从而减少因定位器问题导致的测试失败或不稳定。
通过测试生成器，你可以录制：
- 点击或填写等操作 - 只需与页面交互即可
- 断言 - 点击工具栏中的图标，然后点击页面元素进行断言。可选：
'assert visibility'- 断言元素可见'assert text'- 断言元素包含特定文本'assert value'- 断言元素具有特定值
当您完成与页面的交互后，按下 'record' 按钮停止录制，并使用 'copy' 按钮将生成的代码复制到编辑器中。
使用 'clear' 按钮清除代码以便重新开始录制。完成后关闭 Playwright 检查器窗口或终止终端命令。
要了解更多关于生成测试的信息，请查看我们的详细指南：代码生成。
生成定位器
您可以使用测试生成器生成定位器。
- 按下
'Record'按钮停止录制后，'Pick Locator'按钮将会出现。 - 点击
'Pick Locator'按钮，然后在浏览器窗口中悬停元素，可以看到每个元素下方高亮显示的定位器。 - 要选择定位器，点击您想要定位的元素，该定位器的代码将出现在 Pick Locator 按钮旁边的定位器调试区。
- 您可以在定位器调试区中编辑定位器进行微调，并在浏览器窗口中查看匹配元素的高亮显示。
- 使用复制按钮复制定位器并粘贴到您的代码中。
模拟功能
您还可以使用模拟功能生成测试，以便为特定视口、设备、配色方案生成测试，同时模拟地理位置、语言或时区。测试生成器还可以在保持认证状态的情况下生成测试。查看测试生成器指南了解更多信息。