测试圈排名第二的Skill,难道不是依旧很厉害吗?
摘要:写在前面 上周写了测试圈排名第一的Skill使用,没想到反馈还不错,真的有人会看呀。 于是,就有了这一篇,老规矩,觉得有用就转发! 没有方法论,直接开始! 直接实战 如上图所见,我们就来演示排名第二的Vibe Check - Browser
写在前面
上周写了测试圈排名第一的Skill使用,没想到反馈还不错,真的有人会看呀。
于是,就有了这一篇,老规矩,觉得有用就转发!
没有方法论,直接开始!
直接实战
如上图所见,我们就来演示排名第二的Vibe Check - Browser Automation,由于经费原因哈,没钱搞cursor,依旧用claude code演示。
1、Vibe Check是什么?
Vibe Check (Vibium) 是一个 AI 原生的浏览器自动化工具,通过 81 个 CLI 命令实现页面导航、表单填写、元素点击、截图和标签管理等功能。GitHub 2600+ stars。
2、安装配置
切换 Node.js 版本
Vibium 需要 Node.js >= 18,推荐使用 Node.js 24:
nvm use 24
验证版本:
node --version
npm --version
安装skill
方法1:
npx @qaskills/cli add vibe-check
验证安装:
vibium --version
预期输出:vibium v26.3.18
方法2:
让Cursor或Claude Code帮你安装,在对话框内输入如下:请帮我安装Vibe Check - Browser Automation这个skill
方法3:
直接下载skill文件放到你工程目录下,再让大模型识别,你告诉它.md位置也是可以的。
接下来就是漫长的等待了。
中间会有跟你确认的过程,根据自身情况选择,所有的问题,他都会帮你解决的,最后如下所示:
核心问题还是token,自行搞定吧,剩下的问题都能在你安装skill过程中解决。
3、实操演示
如何使用这个skill?
在当前会话或新会话,输入如下内容:
用 vibium 测试https://www.saucedemo.com/的登录成功功能,并帮我截图
你会看到自动打开浏览器操作,并自动截图,如下所示:
输入如下命令打开图片
open ~/Pictures/Vibium/saucedemo-login-success.png
测试报告(略粗糙)
4、总结
核心工作流程
每个浏览器自动化遵循以下模式:
导航: vibium go <url>
映射: vibium map (获取元素引用如 @e1, @e2)
交互: 使用引用进行点击、填写、选择
重新映射: 导航或 DOM 变化后,用 vibium map 获取新引用
常用命令速查
导航类
命令
功能
vibium go <url>
导航到指定 URL
vibium back
后退
vibium forward
前进
vibium reload
刷新页面
vibium url
获取当前 URL
发现类
命令
功能
vibium map
映射交互元素
vibium map --selector "nav"
映射指定选择器内的元素
vibium diff map
对比当前与上次映射
查找类
命令
功能
vibium find text "Sign In"
按文本查找元素
vibium find label "Email"
按标签查找输入框
vibium find placeholder "Search"
按占位符查找
vibium find testid "submit-btn"
按 data-testid 查找
vibium find xpath "//a[@href]"]
使用 XPath 查找
交互类
命令
功能
vibium click "<selector>"
点击元素
vibium fill "<selector>" "<text>"
清空并填写输入框
vibium type "<selector>" "<text>"
追加文本到输入框
vibium select "<selector>" "<value>"
选择下拉选项
vibium check "<selector>"
勾选复选框
vibium uncheck "<selector>"
取消勾选
等待类
命令
功能
vibium wait "<selector>"
等待元素出现
vibium wait-for-url "/dashboard"
等待 URL 匹配
vibium wait-for-text "Success"
等待文本出现
vibium sleep <ms>
固定延迟(最多 30 秒)
捕获类
命令
功能
vibium screenshot -o file.png
截图
vibium screenshot -o file.png --full-page
全页截图
vibium pdf -o file.pdf
保存为 PDF
获取内容类
命令
功能
vibium text
获取页面所有文本
vibium text "<selector>"
获取指定元素文本
vibium value "<selector>"
获取输入框值
vibium attr "<selector>" "<attribute>"
获取属性值
状态检查类
命令
功能
vibium is-visible "<selector>"
检查元素是否可见
vibium is-enabled "<selector>"
检查元素是否可用
vibium is-checked "<selector>"
检查复选框是否已勾选
想要离线skill的同学,回复 Skill 可领取!
写在最后
整体使用感受,很顺手,真的做到了一句话帮我测试了,测试速度也够快。
一句话总结就是,拥有这个Skill,Claude 就会用浏览器帮你把重复网页的活儿全干了
如果要和top1比的话,还是差一些的,尤其测试报告上的体现,因为底层实现也不一样,但作为测试而言,不必纠结,好用即可。
我觉得这个东西在open claw上可能会更好,因为龙虾现在也能接到钉钉、微信这样的机器人,能做到远程操作岂不是更香。
而且,我还有个更实用的方法,看过斗罗大陆的都知道,其实融合技(组合Skill)杀伤力更强,你觉得呢?
我是六哥,如果觉得文章对你有用请帮忙转发,谢谢啦。
参考资料
GitHub: https://github.com/VibiumDev/vibium
完整文档: 见 vibe-check.SKILL.md
