Token导航 LogoToken导航TokenDH.com
Playwright MCP Ts Agentic AI logo
开发工具未说明官方级别未说明来源级核验

Playwright MCP Ts Agentic AI

MCP Server

一个革命性的测试框架,允许手动测试人员使用自然语言创建自动化测试,无需编码。

工具数

0

提示词数

0

GitHub Stars

0

资源数

0
自动化测试TypeScriptVS CodeVS Code

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

anandxp

提供方

anandxp

最后核验

2026/5/17 20:20

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

详细介绍

🤖 100% 代理型人工智能测试框架

一个革命性的测试框架,让手动测试人员能够使用自然语言创建自动化测试 无需编程!

✨ 特点

  • 📝 用简洁明了的英文编写测试用例(CSV/Excel 格式)
  • 🤖 AI自动执行您的自然语言测试
  • 📊 带有截图的精美HTML报告
  • 🚀 轻松扩展到100多个测试用例
  • 👥 非常适合没有编程知识的手工测试员
  • 📸 每一步自动截图
  • ⚡ 快速执行,支持并行处理

🎯 非常适合

  • 手动测试团队向自动化转型
  • 没有编程技能的QA团队
  • 快速测试创建与执行
  • 探索性测试场景
  • 复杂的用户界面交互测试
  • 希望扩大测试规模但又不想学习编程的团队

📋 先决条件

  • 已安装 Node.js 18+
  • 基本的计算机技能
  • 能够用英语书写

🚀 快速入门

1. 安装依赖项

npm install

2. 编写你的第一个测试

开放 test-cases/parking-tests.xlsx.csv 并添加您的测试:

TC001,Search parking in NYC,High,"Navigate to https://demo.parkingbase.com/c/vignesh
Enter address 'Times Square'
Click search","Results should appear
Prices should be visible",Active

3. 运行测试

# Run all tests
npm run test:ai

# Run only high priority tests
npm run test:ai:high

# Run only medium priority tests
npm run test:ai:medium

# Run only low priority tests  
npm run test:ai:low

4. 查看结果

开放 test-report.html 在您的浏览器中查看:

  • 测试执行总结
  • 通过/未通过状态
  • 详细日志
  • 每一步的截图
  • 错误信息

📁 项目结构

parkingbase-agentic-ai/
├── test-cases/
│   └── parking-tests.xlsx.csv    # Your test cases (Excel-compatible)
├── screenshots/                   # Auto-generated screenshots
├── ai-test-runner.ts             # Main test engine (don't modify)
├── test-report.html              # Generated test report
├── MANUAL_TESTER_GUIDE.md        # Detailed guide for testers
└── package.json                  # Dependencies

📝 如何编写测试用例

测试用例格式

每个测试有6列:

  1. 测试ID唯一标识符(TC001、TC002...)
  2. 测试名称描述性名称
  3. 优先级高、中或低
  4. 测试步骤每行一步,用通俗易懂的英语解释
  5. 预期结果每行应写的内容(每行一项)
  6. 状态激活(将运行)或未激活(已跳过)

示例测试步骤

Navigate to https://example.com
Enter address 'Times Square, New York'
Set Enter After as 'tomorrow 8:00 PM'
Set Exit Before as 'tomorrow 11:00 PM'
Click search button
Wait for results to load
Click on first parking garage
Verify price is displayed

示例 预期结果

Search results should be displayed
At least 5 parking options should be shown
Prices should be visible for each option
Map should show parking locations
URL should contain latitude and longitude

🎓 学习路径

第1周:基础部分

  • 阅读 MANUAL_TESTER_GUIDE.md
  • 运行现有的测试用例
  • 修改一个现有的测试用例
  • 创建你的第一个简单测试

第二周:扩展

  • 编写5-10个新的测试用例
  • 涵盖不同的特性
  • 使用不同的优先级
  • 审查测试报告

第三周:精通

  • 编写20多个测试用例
  • 按功能组织测试
  • 创建回归测试套件
  • 优化测试执行

第二个月及以后:扩展

  • 维护100多个测试用例
  • 定期进行测试
  • 根据需要更新测试
  • 培训其他团队成员

🔧 高级用法

运行特定测试

# Run only high priority
npm run test:ai:high

# Run with custom filter (edit package.json)
npm run test:ai -- --filter "search"

测试组织

TC001-TC020: Search functionality
TC021-TC040: Booking flows  
TC041-TC060: User management
TC061-TC080: Payment processing
TC081-TC100: Admin features

📊 样品测试报告

运行测试后,您将看到:

====================================================
📊 Test Execution Summary
====================================================
Total Tests:  10
✅ Passed:     8
❌ Failed:     2
📈 Pass Rate:  80.0%
====================================================

一个更美观的HTML报告,包含:

  • 视觉合格/不合格总结
  • 详细的测试日志
  • 每一步的截图
  • 错误消息和堆栈跟踪
  • 执行时长

🎯 最佳实践

✅ 应该做:

  • 编写清晰、具体的测试步骤
  • 使用真实的测试数据
  • 包含验证步骤
  • 设定适当的优先级
  • 将已过时的测试标记为非活动状态
  • 定期审查测试报告

❌ 不要:

  • 步骤设置得过于复杂
  • 跳过预期结果
  • 留下模糊的描述
  • 忘记更新测试用例
  • 忽略失败的测试

⚠️ 当前限制及改进方向

已知问题:

✅ 已修复:

  • ~~浏览器位置权限弹窗拦截测试~~ 现在已自动处理!
  • 报告中的截图路径已损坏 解决了!

⚠️ 当前限制:

  1. 日期/时间选择器不完全支持

- 当前的实现无法与复杂的日期选择器进行交互 - 包含日期/时间步长的测试可能会失败 - 解决方案与Playwright MCP集成,实现AI驱动的交互

  1. 对人工智能的理解有限

- 当前版本使用基于规则的模式匹配 - 无法处理复杂的用户界面交互 - 可能会产生假阳性结果 - 解决方案使用Playwright MCP进行真正的AI驱动测试

  1. 验证是基础

- 仅检查基本元素并进行计数 - 无法理解上下文或细微的条件 - 解决方案Playwright MCP 提供基于人工智能的断言功能

🚀 推荐:集成 Playwright MCP

为了实现生产就绪的AI测试,需与(相关系统/工具)集成 Playwright MCP 可以翻译为“Playwright 的 MCP(可能指某种配置、模块或特定功能)”。不过,具体翻译可能需要根据上下文来确定 MCP 的确切含义,因为 MCP 在不同领域可能代表不同的概念。如果 MCP 是 Playwright 中的一个特定模块、配置或功能,那么翻译时应明确这一点。如果 MCP 是一个通用术语或缩写,且在 Playwright 中没有特定含义,那么可以保持原样或根据具体情况灵活翻译 (模型上下文协议):

您将获得:

  • ✅ 真正的AI驱动浏览器交互
  • ✅ 对任何步骤的自然语言理解
  • ✅ 智能日期选择器处理
  • ✅ 上下文感知验证
  • ✅ 复杂的用户界面导航
  • ✅ 减少误报

如何整合:

  1. 安装 Playwright MCP:
  2. 在您的环境中配置MCP服务器
  3. 更新 executeAIStep() 调用MCP浏览器工具的方法
  4. 用AI调用替换基于规则的逻辑

资源:

  • Playwright MCP 文档
  • Anthropic的模型上下文协议(MCP)
  • 示例集成模式(参见 ARCHITECTURE.md)

🆘 故障排除

测试未运行?

  1. 检查是否已安装 Node.js: node --version
  2. npm install 再次
  3. 验证CSV文件格式是否正确
  4. 检查测试状态是否为“激活”

测试失败了吗?

  1. 开放 test-report.html 详情如下
  2. 查看截图中的内容 screenshots/ 文件夹
  3. 验证网站URL是否可访问
  4. 审查测试步骤以确保清晰明了
  5. 检查用户界面是否已更改

浏览器位置弹窗拦截测试?

✅(勾选标记,表示正确、确认或完成) 修复好了! 该框架现在会自动拒绝位置权限。

日期/时间步骤不起作用?

⚠️ 已知限制: 复杂的日期选择器需要集成Playwright MCP。

  • 当前的解决办法:使用简单的日期/时间输入字段
  • 永久解决方案:集成Playwright MCP(见上文)

测试通过但本应失败(误报)?

⚠️ 已知限制: 基本验证可能会遗漏一些故障。

  • 在最新版本中进行了改进,增加了更严格的检查
  • 为了进行全面验证,请使用Playwright MCP

AI不理解步骤?

  1. 让步骤更具体
  2. 使用精确的按钮/字段名称
  3. 将复杂步骤分解为更小的步骤
  4. 检查 MANUAL_TESTER_GUIDE.md 例如
  5. 考虑集成Playwright MCP以提升对AI的理解

🚀 扩展到100+个测试

策略:

  1. 从小处着手 (第一周)

- 10-20项关键测试 - 仅处理高优先级事项 - 核心用户旅程

  1. 扩展 (第2-4周)

- 增加30-40项更多测试 - 涵盖所有主要功能 - 包含中等优先级

  1. 全面的 (第二个月)

- 达到80-100次测试 - 添加边界情况 - 包含低优先级测试

  1. 保持 (进行中)

- 随着功能的变化而更新 - 移除过时的测试 - 为新功能添加测试

组织小贴士:

# Core Features (High Priority) - Run Daily
TC001-TC020: User authentication & search

# Secondary Features (Medium) - Run Weekly  
TC021-TC040: Booking and payments

# Edge Cases (Low) - Run Monthly
TC041-TC100: Error handling & special cases

📈 投资回报率(ROI)与收益

节省时间:

  • 测试创建每次测试5分钟(对比30-60分钟的编码时间)
  • 执行自动化(与人工工时相比)
  • 维护更新CSV文件(VS Code重构)

团队福利:

  • 无需学习曲线(即无需学习或适应过程)用英文写,不要用代码
  • 更快的覆盖范围几周内完成100次测试,而非几个月
  • 更高质量每次都能保持一致的执行
  • 轻松上手/快速入职新测试员第一天就投入生产

成本节约:

  • 无需自动化培训
  • 无需昂贵的自动化工具
  • 现有的手动测试员转变为自动化工程师
  • 在不招聘开发人员的情况下扩展质量保证(QA)规模

🤝 团队合作

角色:

手动测试员 (主要用户):

  • 以CSV格式编写测试用例
  • 执行测试运行
  • 审查测试报告
  • 更新测试用例

质量保证(QA)负责人:

  • 审查测试覆盖率
  • 优先执行测试
  • 分析测试报告
  • 测试策略计划

开发者 (可选):

  • 初始框架设置
  • 解决技术问题
  • 添加自定义AI功能

📚 额外资源

  • MANUAL_TESTER_GUIDE.md - 测试人员的全面指南
  • test-cases/parking-tests.xlsx.csv - 示例测试用例
  • test-report.html - 样本报告(首次运行后)

🎉 成功案例

“我们的手动测试团队在两周内创建了75个自动化测试,而无需编写任何一行代码!”——质量保证(QA)负责人
“测试执行时间从2天缩短到了2小时。这是个颠覆性的改变!”——测试经理
“终于,有不需要编程技能的自动化工具了!”——手动测试员

🔮 路线图

  • \[ \] 支持Excel文件(不仅仅是CSV)
  • \[ \] 可视化测试编辑器
  • \[ \] 测试用例模板库
  • \[ \] 与JIRA/TestRail的集成
  • \[ \] Slack/电子邮件通知
  • \[ \] 并行测试执行
  • \[ \] 云执行支持
  • \[ \] 测试运行的视频录制

📞 支持

对于问题或事项:

  1. 检查 MANUAL_TESTER_GUIDE.md
  2. 审查示例测试用例
  3. 联系您的质量保证负责人
  4. 在GitHub上(如果可用的话)提交一个问题

📄 许可证

MIT许可协议 - 可免费使用和修改

______________________________________________________________________

🎯 快速命令参考

# Install everything
npm install

# Run all tests
npm run test:ai

# Run high priority tests
npm run test:ai:high

# Run medium priority tests  
npm run test:ai:medium

# Run low priority tests
npm run test:ai:low

# View report
# Open test-report.html in browser

______________________________________________________________________

专为那些希望成为自动化工程师却无需学习编程的手工测试人员打造,倾注爱心!

🚀 表情符号“🚀”通常表示火箭、快速前进或快速移动,也可以用来表达兴奋、激动或期待的情绪。在没有具体上下文的情况下,可以简单地翻译为“🚀(火箭/快速前进)”或者根据语境意译为“飞速前进”、“火箭升空”等。 在接下来的5分钟内开始测试!

目录标签

目录标签

自动化测试TypeScriptVS Code本地部署自然语言处理QA工具无代码解决方案测试报告

支持客户端

VS Code

接入字段

传输方式(transport,传输协议)

未说明

鉴权方式(authType,认证方式)

none

工具数量(toolCount,工具数)

0

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

未说明none部署方式未说明

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

仍需确认:installCommand

来源信息

继续浏览同类 MCP