mcpField
W
webapp-testing

webapp-testing

github.com/vamseeachanta测试与质量1838 次安装今天更新
代码仓库

关于 webapp-testing

webapp-testing 是使用 Playwright 和 Python 测试本地 Web 应用的技能，涵盖前端验证、界面调试、截图和浏览器自动化。

主要功能

  1. 01Playwright 浏览器自动化
  2. 02前端与端到端检查
  3. 03界面行为和布局调试
  4. 04截图捕获
  5. 05查看浏览器控制台错误

适用场景

  1. 01验证前端代码变更
  2. 02排查界面或布局问题
  3. 03为文档截取图片
  4. 04自动化表单和用户流程测试

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/vamseeachanta/workspace-hub --skill webapp-testing

安装后在 Claude Code 中输入/webapp-testing确认已加载。

详细介绍

Web 应用测试

概述

此工具包使用 Python 和 Playwright 测试本地 Web 应用，可用于前端验证、UI 调试、截图捕获和浏览器自动化。

快速入门

# Install dependencies
pip install playwright pytest requests
playwright install chromium

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True)
    page = browser.new_page()
    page.goto("http://localhost:3000")

    # Take screenshot
    page.screenshot(path="screenshot.png")

    # Get page content
    content = page.content()
    print(content)

    browser.close()

适用场景

  • 在代码更改后验证前端功能
  • 调试 UI 行为和布局问题
  • 捕获截图以用于文档
  • 查看浏览器控制台日志以查找错误
  • 自动执行重复的 Web 交互
  • 对 Web 应用进行端到端测试
  • 验证表单提交和用户流程

相关技能

版本历史

  • 1.1.0 (2026-01-02)：升级为 SKILL_TEMPLATE_v2 格式，新增快速入门、使用示例、错误处理、指标和执行检查清单
  • 1.0.0 (2024-10-15)：首次发布，包含 Playwright 模式、服务管理和调试工具

子技能

子技能

子技能

评论

支持 Markdown