❤️ 如果你也关注 AI 的发展现状，且对 AI 应用开发感兴趣，我会每日分享大模型与 AI 领域的开源项目和应用，提供运行实例和实用教程，帮助你快速上手AI技术！

🥦 AI 在线答疑 -> 智能检索历史文章和开源项目 -> 丰富的 AI 工具库 -> 每日更新 -> 尽在微信公众号 -> 搜一搜：蚝油菜花 🥦

🚀 「测试工程师要失业？这个AI框架能看懂界面变化，自动修复测试用例！」

大家好，我是蚝油菜花。你是否也经历过这些测试噩梦——

• 👉 前端改了个按钮位置，200个测试用例集体报错
• 👉 手工编写XPath选择器，DOM结构一变全白写
• 👉 CI/CD流水线里，脆弱的E2E测试成了发布瓶颈...

今天要拆解的 Magnitude ，正在重新定义Web测试！这个开源视觉AI测试框架：

• ✅ 自然语言写用例：像聊天一样描述测试步骤，告别XPath地狱
• ✅ 动态适应变化：AI能"看懂"界面更新，自动调整测试策略
• ✅ 双核驱动：推理代理规划测试流程，视觉代理精准执行操作

已有团队用它将测试编写时间缩短80%，接下来带你深入这个"会思考"的测试框架！

Magnitude 是什么

Magnitude 是一个开源的视觉AI代理驱动的端到端测试框架。它通过自然语言构建测试用例，利用强大的推理代理规划和调整测试流程，基于快速的视觉代理执行测试。

该框架支持本地运行和CI/CD流水线集成，同时提供托管服务，包括托管的浏览器基础设施和LLM基础设施，简化测试管理。Magnitude帮助开发者高效地测试Web应用，确保应用质量。

Magnitude 的主要功能

• 自然语言测试编写：基于自然语言描述测试步骤和检查点，降低测试门槛。
• 智能推理与视觉执行：推理代理动态调整测试策略，视觉代理可靠执行测试。
• 灵活运行选项：支持本地运行、CI/CD集成和托管服务，满足多种测试需求。
• 托管与自托管：提供托管服务简化管理，支持自托管满足隐私和定制需求。
• 测试管理与可视化：控制台管理测试用例，查看测试结果和历史记录。

Magnitude 的技术原理

• 视觉AI代理：计算机视觉技术识别和理解Web界面元素。基于视觉模型，Magnitude能够"看到"界面的变化，如按钮位置的改变、文本内容的更新等。
• 推理与规划模型：自然语言处理（NLP）技术解析测试用例中的自然语言描述，转化为可执行的测试步骤。推理代理根据应用界面的动态变化，实时调整测试计划。
• 数据驱动的测试执行：测试用例中的数据（如用户名、密码等）灵活配置，支持敏感数据的安全存储和使用。测试执行过程中，视觉代理和推理代理协同工作。

如何运行 Magnitude

1. 安装测试运行器

在要测试的node项目中安装：

npm install --save-dev magnitude-test

2. 初始化Magnitude

运行初始化命令：

npx magnitude init

这会创建基本的测试目录结构。

3. 配置Magnitude客户端

获取API密钥并设置环境变量：

export MAGNITUDE_API_KEY=<your-api-key-here>

4. 运行测试

执行所有测试：

npx magnitude

5. 添加测试用例

示例测试用例：

test('can log in and create company')
    .step('Log in to the app')
        .data({
    username: 'test-user@magnitude.run' })
        .secureData({
    password: 'test' })
        .check('Can see dashboard')
    .step('Create a new company')
        .data('Make up the first 2 values and use defaults for the rest')
        .check('Company added successfully');

资源

• 项目主页：https://magnitude.run/
• GitHub 仓库：https://github.com/magnitudedev/magnitude

❤️ 如果你也关注 AI 的发展现状，且对 AI 应用开发感兴趣，我会每日分享大模型与 AI 领域的开源项目和应用，提供运行实例和实用教程，帮助你快速上手AI技术！

🥦 AI 在线答疑 -> 智能检索历史文章和开源项目 -> 丰富的 AI 工具库 -> 每日更新 -> 尽在微信公众号 -> 搜一搜：蚝油菜花 🥦