该篇文章讲解录制用例脚本的两种方法
目录
[playwright inspector弹窗](#playwright inspector弹窗)
一、codegen
playwright codegen url ---从打开页面开始录制
在终端输入：playwright codegen https://www.baidu.com
会弹出以下两个弹窗，一个浏览器弹窗，一个playwright inspector弹窗
playwright codegen会从打开页面就开始录制，我们在浏览器进行操作时，playwright inspector弹窗内也会生成对应的代码，
playwright inspector弹窗
我们可以通过游标来点击页面元素直接获得它的Locator
我们可以通过切换Target更换我们想要的代码，Library是会生成源码，Pytest则生成一条用例，我们选择生成Pytest用例进行录制，打开百度搜索页面，输入日历，点击百度一下进行搜索，得到如下图的结果：
录制断言
我们也可以录制断言，如下图所示
绿色箭头所指的三个断言方法，分别断言是否存在、是否包含文本、是否包含输入值，在这里我们断言的是是否存在"今天" 这个文本，对应生成了断言代码，将录制得到的代码copy到py文件中，我们运行python代码可以得到录制相同的结果：
python
import re
from playwright.sync_api import Page, expect
def test_example(page: Page) -> None:
page.goto("https://www.baidu.com/")
page.locator("#kw").click()
page.locator("#kw").fill("日历")
page.get_by_role("button", name="百度一下").click()
expect(page.get_by_text("今天", exact=True)).to_be_visible()二、open
playwright open url 打开页面后并不录制，需要点击录制按钮
在终端输入：playwright open https://www.baidu.com
open跟codegen的区别就是打开页面后不自动录制，需要手动点击Record进行录制
三、注意事项
playwright录制脚本的方式看似智能，实则也没那么靠谱，有的时候自动生成的元素定位也不一定可用。比如：元素的ID、文本会变化，或者是用nth取了数组的元素。所以还需要根据实际情况手动调整元素定位：
- 录制的脚本可能需要一些手动调整才能适应不同的测试环境或需求。
- 录制的脚本可能过于具体，难以复用。考虑使用参数化测试和数据驱动测试来增加脚本的灵活性。
- 录制的脚本可能依赖于特定的DOM结构，因此如果页面布局发生变化，脚本可能需要更新。
通过使用 Playwright的录制功能，初学者也能快速上手自动化测试，而无需深入了解底层的测试框架和自动化原理~但是我们要合理运用，而不是过度或者盲目依赖录制功能噢