免费POC, 零成本试错
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


我要投稿

98.4K Star!OpenCode+Agent Browser 重构自动化测试流程

发布日期:2026-02-11 10:51:02 浏览次数: 1618
作者:AI应用案例库

微信搜一搜,关注“AI应用案例库”

推荐语

告别UI测试噩梦!OpenCode+Agent Browser用AI重构自动化测试流程,让自然语言驱动测试,彻底摆脱脚本维护困境。

核心内容:
1. 组合工具架构解析:OpenCode作为"测试架构师"与Agent Browser"测试工程师"的协同机制
2. 五大痛点解决方案:从页面改版到Token消耗的针对性突破
3. 三步快速上手指南:环境配置到验证运行的完整链路

杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家

日常工作中你是否会被UI自动化测试的各类问题反复折磨:熬夜编写的UI自动化脚本,因前端一次改版导致CSS选择器全部失效;花费大量时间维护脚本,精力被繁琐的手工操作占据;尝试用AI做测试,却因海量HTML的Token消耗过高劝退,大模型还极易在无关代码中“迷失”。


如果这些问题正困扰着你,那么OpenCode+Agent Browser这款AI驱动的自动化测试组合,将彻底改变你的工作模式。


一、OpenCode+Agent Browser是什么


OpenCode+Agent Browser是一套“大脑+手脚”协同工作的AI驱动自动化测试组合,二者各司其职、高度配合,完成从“测试需求描述”到“浏览器实际执行”的全链路自动化测试工作,专为AI驱动的测试场景设计开发。

  1. OpenCode:会写代码、会思考的“测试架构师”

    OpenCode 是一个终端优先的 AI 编程框架,可以在本地或 CI 环境里,通过自然语言让它帮你写代码、生成测试、执行脚本。它支持多种模型,能读取项目上下文,非常适合做“AI 驱动开发”和“AI 生成测试”这类玩法。


    image.png

  2. Agent Browser:会操作浏览器、会汇报结果的“自动化测试工程师”

    Agent Browser是Vercel Labs开源、基于Playwright的浏览器自动化CLI工具,连接OpenCode与浏览器。其核心是AI友好快照,不返回整棵DOM树,仅提取可交互元素并生成专属ID,降低AI成本,同时具备浏览器操作、截图等核心能力,兼容Chrome/Chromium,无需额外适配。


二、能解决什么问题







对于传统UI自动化测试痛点,该组合都可以解决,精准匹配测试需求,高效降本。
  1. 页面改版脚本失效、维护成本高:传统依赖CSS/类名,改版必挂;该组合靠元素语义+专属ID,脱离定位依赖,降本高效。
  2. 手写脚本耗时、新手入门难:传统需熟练工具、写代码;该组合自然语言驱动,无需复杂编码,新手速上手。
  3. AI测试Token消耗高:传统传整页HTML,耗量大、易干扰;Agent Browser仅提取核心元素,省成本、提准确率。
  4. 测试逻辑与执行层脱节:部分AI仅生成思路,需人工衔接;二者结合,全链路自动化,提效明显。
  5. 新工具融入难、测试左移落地难:传统工具配置复杂;该组合高度可编排,适配现有流程,轻松落地。


三、如何使用


1
安装

安装 Node.js:确保你的系统已安装Node.js环境

安装 Agent Browser

npm install -g agent-browseragent-browser install# 安装浏览器驱动

安装OpenCode

# 全局安装OpenCode CLInpm install -g opencode-cli

验证安装成功

# 运行以下命令,看到版本号即表示成功opencode --version

安装成功后,必须配置AI模型才能开始使用。


2
实战演练


启动opencode

#启动opencode

在OpenCode交互界面输入以下需求:

image.png

OpenCode自动解析需求,生成对应系统可执行脚本示例如下:

image.png

生成的脚本文件如下:

image.png


运行agent_browser_test.py脚本

python3 agent_browser_test.py

返回结果如下:

image.png

脚本运行完成后,会在本地生成`baidu_result.png`截图文件,打开该文件即可验证百度搜索结果是否正确,全程无需人工干预,真正实现“一句话完成自动化测试”。


image.png


四、总结


OpenCode+Agent Browser的出现,改变了测试工程师的工作模式,从“编写、维护脚本的测试工程师”,转变为“设计测试策略、把控测试核心的测试工程师”


测试工程师无需再纠结如何定位元素、如何编写操作代码,只需将精力聚焦在业务需求分析、测试点设计、关键路径验证这些核心工作上,具体的页面操作、脚本执行等细节工作,均可交给OpenCode+Agent Browser完成。


如果觉得文章内容对你有帮助~记得点赞、转发,分享给身边的测试同行吧!




点赞此文章,可添加微信入AI测试实战讨论群:

图片


53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费POC验证,效果达标后再合作。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询