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

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

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

一、OpenCode+Agent Browser是什么

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

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

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

二、能解决什么问题

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

三、如何使用

1
安装
安装 Node.js：确保你的系统已安装Node.js环境
安装 Agent Browser
npm install -g agent-browser
agent-browser install# 安装浏览器驱动
安装OpenCode

全局安装OpenCode CLI

npm 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完成。

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