Playwright API与WEB测试工具

提供API和WEB测试的功能,支持自动化测试、AI调试和自定义命令等。

  • by adrianoes
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 adrianoes/playwright_and_mcp-expandtesting_api_and_web

使用说明

剧作家与mcp-expandtesting_api-and-web

API和WEB测试 扩展测试 笔记应用程序。该项目包含了如何使用playwright-mcp测试API、WEB以及如何将API和WEB测试相结合的基本示例。使用了人工智能提示、生成式人工智能、人工智能调试、钩子、自定义命令和标签等良好实践。开发此项目所需的所有支持文档都放在这里。当涉及到API部分时,它处理的是x-www-form-urlencoded内容类型。

先决条件:

要求 版本 注释
光标 2.1 -
npm 10.9.2 -
剧作家 1.57.0 -
VSCode编剧测试 1.1.15 -
传真机 10.1.0 -
dotenv 17.2.3 -

安装:

  • 看 光标下载页面,下载并安装最新的Cursor稳定版本。保持所有首选选项不变,直到您可以选中下面的复选框:
    • :white_check_mark:将“用光标打开”操作添加到Windows资源管理器文件上下文菜单中。
    • :white_check_mark:将“用光标打开”操作添加到Windows资源管理器目录上下文菜单中。 然后选中两者,在上下文菜单中添加这两个选项。 打开光标并点击:point_right:文件,:point_right:偏好,:point_right:光标设置,:point_right:添加自定义MCP 并粘贴以下配置:
      {
        "mcpServers": {
          "playwright": {
            "command": "npx",
            "args": [
              "@playwright/mcp@latest"
            ]
          }
        }
      }
      
    在切换AI窗格上,:point_right:自动 在模型选择下拉菜单中。 在扩展市场中查找用于VSCode的Playwright测试,并安装微软的测试。
  • 看 Node.js页面 并安装上述Node.js版本。保持所有首选选项不变。
  • 执行 npm init playwright@latest 开始一个项目。
    • 点击:point_right:进入 在最新版本上安装Playwright。
    • 点击:point_right:进入 选择TypeScript。
    • 点击:point_right:进入 将端到端测试放入\tests中。
    • 点击:point_right:y 添加GitHub操作工作流。
    • 点击:point_right:进入 安装Playwright浏览器。
  • 在扩展市场中查找用于VSCode的Playwright测试,并安装微软的测试。
  • 执行 npm install @faker-js/faker --save-dev 安装faker库。
  • 执行 npm i -D dotenv 安装dotenv模块。
  • 请参阅.env文件,并按如下方式配置它,或根据您的项目需求对其进行自定义。
    JIRA_BASE_URL="https://your_project_url.atlassian.net"
    JIRA_EMAIL="your_email@xyz.com"
    JIRA_API_TOKEN="xxxxxx_your_api_token_xxxxxxxxxxxxx"
    JIRA_PROJECT_KEY="xxx_your_jira_project_key_xxxx"
    JIRA_ISSUE_TYPE="Bug"
    
    请与您的Jira管理员联系,仔细检查您的API令牌权限。

测验:

  • 创建自动web测试时,将general_web_test_runner.prompt.md和training_web_est.prompt.md拖动到游标中的键入区域。等待测试用例被设计并编入spec.ts文件。键入“Execute training_test_web.termins.md”,然后点击:arrow_up:。执行完成后,输入不同的参数,以便生成其他测试用例。使用等效文件进行自动化api测试。
  • 执行 npx playwright test --ui 使用UI模式运行测试。
  • 执行 npx playwright test 以无头模式处决剧作家。
  • 点击:point_right:测试 VSC左侧栏上的按钮,然后选择要执行的测试。
  • 执行 npx playwright test --grep "@BASIC" 在Powershell中运行标记为BASIC标签的测试。
  • 执行 npx playwright test --grep-invert "@NEGATIVE" 在Powershell中运行未标记为NEGATIVE标签的测试。
  • 执行 npx playwright test --grep-invert "(?=.*@API)(?=.*@FULL)" 在Powershell中运行带有API和FULL标记的测试。
  • 执行 npx playwright test --grep "TC001" 在Powershell中按TC编号(如TC001、TC640等)运行特定测试。如果测试失败,Jira中会自动创建一个错误,并将其链接到配置的EPIC。

技术支持:

提示:

  • 将密码重置链接发送到用户电子邮件的API和WEB测试以及验证密码重置令牌和重置用户密码的API测试必须手动测试,因为它们依赖于电子邮件验证。
  • Grep插件有助于过滤要执行的测试。研究文件。
  • 首次使用Cursor生成AI,建议:
    • 开发一个基本的功能剧作家测试用例,
    • 请聊天GPT为基本功能剧作家测试用例创建一个training_test.prompt.md文件,
    • 将trainning(例如trainning_test_web_.termin.md)和通用runner(例如general_web_test_runner.termin.md)文件拖放到键入区域,键入“Execute training_test_web.termin.md.”,然后点击:arrow_up:。这样,Cursor将接受适当的培训,将一般测试参数应用于当前受测应用程序的范围。