用 Playwright CLI 跑通登录回归并留档【免费下载链接】playwright-cliCLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.项目地址: https://gitcode.com/GitHub_Trending/pl/playwright-cli昨天的登录页又改版了你要跑一遍回归录段视频发给同事。Playwright CLI 让命令行直接驱动浏览器开页面、点元素、录视频还能把能跑的 Playwright 代码一并打印出来。一条命令全局装好先全局装好 Playwright CLI之后在任何目录都能直接敲命令npm install -g playwright/clilatest装完敲playwright-cli --help能列出全部可用命令装好了就能看到。⚠️ 如果项目里已经有本地 Playwright先用npx playwright cli验证有本地版本就全程用它避免全局和本地版本不一致。如果你用 coding agent 干活顺手执行playwright-cli install --skills装上技能包agent 就能读取skills/playwright-cli/下的命令说明和参考文档直接上手。把一次登录流程录成视频装完直接开录。打开页面、起录、做操作、停录playwright-cli open https://app.example.com/login playwright-cli video-start recordings/login-flow.webm playwright-cli fill e1 userexample.com playwright-cli video-stopopen 打开页面并打印快照e1 就是快照里邮箱输入框的引用最后一条命令停止录制并落盘一个 webm 文件可以直接发人。⚠️ 浏览器 profile 默认只放内存关浏览器 cookie 就没了。如果需要复现登录态open 时加--persistent把 profile 写到磁盘或者state-save auth.json存状态、之后state-load恢复细节见存储状态参考。如果你想亲眼看到浏览器在干嘛open时加--headed默认是无头模式不显示窗口。边操作边生成测试代码不想手写选择器CLI 每执行一个操作都会打印等价的 TypeScript。先拿快照确认元素引用playwright-cli snapshot playwright-cli fill e2 password123 playwright-cli generate-locator e2 --rawsnapshot 输出页面结构化清单每个可交互元素带 e 开头的引用fill 执行输入的同时打印能直接粘进测试的getByRole(...).fill(...)语句generate-locator 把引用转成定位器表达式写断言时用得上。生成的代码优先用 role 定位器比 CSS 选择器更耐造。⚠️ 生成的代码只记录操作不含断言。“点完应该跳到 dashboard”的 expect 要自己补。完整的 plan → generate → heal 流程在测试生成参考里。出问题时把证据导出来视频录完调试时要是某个点击没反应别只截一张图先开 trace 录制它把每一步的 DOM 快照、网络请求和控制台日志都记下来playwright-cli tracing-start playwright-cli tracing-stop中间执行到失败的那几步stop 之后产出一个 trace 文件用 Trace Viewer 打开可以逐步回看失败瞬间的页面状态和请求。⚠️ trace 文件不小默认输出在.playwright-cli目录过期的记得清理。如果一台机器上跑多个项目给每条命令加-sname前缀把浏览器会话隔离开playwright-cli list随时查看所有会话。这四步跑熟以后试试用route模拟网络请求或者翻 skills/playwright-cli/references/ 里的参考文档再自己跑通一条流程。【免费下载链接】playwright-cliCLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.项目地址: https://gitcode.com/GitHub_Trending/pl/playwright-cli创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考