playwright codegen 录制脚本

Playwright 具有开箱即用的生成测试的能力，是快速开始测试的好方法。它可以录制浏览器中的操作并自动生成可以执行的脚本。录制时将打开两个窗口，一 个是浏览器窗口，您可以在其中与要测试的网站进行交互，另一个是 Playwright Inspector 窗 口，您可以在其中记录测试、复制测试、清除测试以及更改测试语言。

一，启动录制工具

使用命令行启动，命令格式：

playwright codegen [options] [url]

options参数：

-o, --output <file name> ：保存生成脚本
--target <language> ：生成的脚本语言，可以设置javascript, test, python, python-async和csharp，默认为python。
-b, --browser <browserType> ：要使用的浏览器，可以选择cr, chromium, ff, firefox, wk和webkit，默认chromium。
--channel <channel>：chromium版本，比如chrome, chrome-beta, msedge-dev等，
--color-scheme <scheme>：模拟器的颜色主题，可选择light 或者 dark样式。
--device <deviceName> ：模拟的设备，比如iPhone 12。
--save-storage <filename> ：保存上下文状态，用于保存cookies 和localStorage，可用它来实现重用。例如playwright codegen --save-storage=auth.json
--load-storage <filename> ：加载--save-storage 保存的数据，重用认证数据。
--proxy-server <proxy> ：指定代理服务器
--timezone <time zone> ： 指定时区
--geolocation <coordinates> ：指定地理位置坐标
--lang <language> ：指定语言/地区，比如中国大陆：zh-CN
--timeout <timeout> ：超时时间，定位毫秒，默认10000ms
--user-agent <ua string> ：用户代理
--viewport-size <size> ：浏览器窗口大小
-h, --help ：查看帮助信息

示例1：

模拟iPhone 12 Pro设备打开百度，使用Chromium驱动，生成的脚本语言设置为python，保存名称为test_playwright.py：

playwright codegen -o test_playwright.py --target python  -b chromium --device="iPhone 12 Pro" https://www.baidu.com

示例2：

设置浏览器打开窗口的大小

playwright codegen --viewport-size=800,600 

第二种打开脚本录制工具方式：

playwright open [options] [url]

playwright open除了没有 -o 和 --target options参数外，playwright open 支持 playwright codegen 的其它参数。
例如：

playwright open https://www.baidu.com/ # 默认使用Chromium打开
playwright wk https://www.baidu.com/ # 使用WebKit打开
playwright open --device="iPhone 12 Pro" https://www.baidu.com/ # 使用iPhone 12 Pro模拟器打开

常用两种方式

playwright codegen —只启动浏览器，浏览器启动后需要手动输入要测试的网址。

playwright codegen https://www.baidu.com/ —启动浏览器的同时进入百度首页。

启动后，电脑上出现2个窗口，左边是浏览器打开网站可以操作，右边是inspector 可以生成对应 的脚本

在浏览器中的操作都会自动的在inspector窗口生成对应的脚本。

# '''
# author: 测试-老姜   交流微信/QQ：349940839
# 欢迎添加微信或QQ，加入学习群共同学习交流。
# QQ交流群号：877498247
# 西安的朋友欢迎当面交流。
# '''



from playwright.sync_api import Playwright, sync_playwright, expect

def run(playwright: Playwright) -> None:
    browser = playwright.chromium.launch(headless=False)
    context = browser.new_context()
    page = context.new_page()
    page.goto("https://www.baidu.com/")
    page.locator("#kw").click()
    page.locator("#kw").fill("playwright")
    page.get_by_role("button", name="百度一下").click()

    # ---------------------
    context.close()
    browser.close()


with sync_playwright() as playwright:
run(playwright)

还可以在inspector窗口的Target下拉菜单中，点击切换生成pytest测试代码或者异步运行的代码。

复制脚本到VSCode或PyCharm中可以直接运行。