mcpField
P
Playwright MCP Project

Playwright MCP Project

本地服务
github.com/vikaskumarprofessional92浏览器自动化082 周前更新

关于 Playwright MCP Project

这是一个演示 Playwright MCP 服务与 Jenkins 流水线配合的测试项目,面向自动化测试流程。它包含 Playwright 测试和用于安装依赖、运行测试及发布报告的 Jenkins 配置。

主要功能

  1. 01Playwright 浏览器测试
  2. 02Jenkins 流水线配置
  3. 03安装依赖并运行测试
  4. 04生成并发布测试报告

适用场景

  1. 01在浏览器中运行示例导航测试
  2. 02通过 Jenkins 执行测试流水线
  3. 03生成并发布测试报告

MCP 相关

项目展示如何配置 Playwright MCP 服务,并在 `settings.json` 中启用 `@playwright/mcp@latest` 的 `--vision` 参数。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"playwright-mcp-project": {
"command": "npx",
"args": [
"-y",
"@playwright/mcp"
]
}
}
}
启动命令npx -y @playwright/mcp

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@playwright/mcp

工具

30

收录的工具列表 · 更新于 3 周前

此工具无需参数。

详细介绍

Playwright MCP 项目

一个用于演示如何在 Jenkins 流水线中使用 Playwright MCP 服务的项目。

先决条件

  • 在你的计算机上安装 Node.js。
  • npm(Node.js 包管理器)随 Node.js 一同安装。

安装

  1. 克隆代码库:

    git clone https://github.com/vikaskumarprofessional92/playwright-mcp-project.git
    cd playwright-mcp-project
    
  2. 安装依赖项:

    npm install
    
  3. 设置 Playwright MCP 服务:

    • 确保在 settings.json 中按如下所示配置 MCP 服务:
      {
        "mcpServers": {
          "playwright": {
            "command": "npx",
            "args": [
              "@playwright/mcp@latest",
              "--vision"
            ]
          }
        }
      }
      

运行测试

使用以下命令运行测试:

npx playwright test

测试规范

测试规范位于 src/tests/example.spec.ts 文件中。该文件包含一个测试套件,其中有一个用于打开浏览器并导航至 Google.ca 网站的测试用例。

Jenkins 集成

本项目包含用于持续集成的 Jenkins 流水线配置。该流水线配置为:

  • 安装依赖项
  • 运行测试
  • 生成并发布测试报告

许可证

本项目采用 MIT 许可证。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。