MCP End-to-End Testing for Roo-Code Integration

by shipdocs

225 downloads

Not rated

GitHub

Developer Tools

About

This runs a mcp server for automatic testing of usability from a users pov

Details

Author: shipdocs
Downloads: 225
Categories: Developer Tools

- Full MCP server with resource and command endpoints
- Playwright-powered browser automation for Chrome, Firefox, and WebKit
- Automated login, navigation, and web exploration
- Error detection and logging for AI-assisted debugging
- Screenshot capture and accessibility analysis
- STDIO and SSE transport for Roo-Code integration

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

Download and install Highlight from highlightai.com/download
Navigate to the plugins tab and select "Add Custom Plugin"
Configure the plugin with the settings below

Plugin Name MCP End-to-End Testing for Roo-Code Integration

Command (node, npx, python, etc.)

Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
Enable "Start Automatically" if you want the plugin to start when Highlight launches

Setting up with Cursor

Open Cursor's settings
Navigate to the MCP section
Click "Add new Global MCP server"
Copy and paste the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

Setting up with Windsurf

Open Windsurf's preferences
Go to the Integrations section
Click "Add MCP Integration"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

Setting up with Cline

Open Cline's settings
Navigate to the Integrations section
Click "Add MCP Server"
Copy and paste the configuration below based on your operating system

Note: Make sure to restart Cline after adding the configuration.

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

Setting up with Goose

Open Goose's preferences
Go to the Integrations tab
Select "MCP Servers"
Click "Add New Server"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

From the repository

Install the package globally with npm install -g @shipdocs/mcp-playwright-test, then initialize a configuration file with mcp-playwright-test init and start the server with mcp-playwright-test start. On first run you will be prompted to configure login details for your target website. Alternatively, clone the repository and run node index.js from the mcp-playwright-test directory. To integrate with Roo-Code, add a new MCP server in VSCode using STDIO or SSE transport.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "mcp end-to-end testing for roo-code integration": {
            "vibe-coding-mcp-end-2-end-testing": {
                "command": "node",
                "args": [
                    "index.js"
                ]
            }
        }
    }
}

McpServers

{
    "vibe-coding-mcp-end-2-end-testing": {
        "command": "node",
        "args": [
            "index.js"
        ]
    }
}

# MCP End-to-End Testing for Roo-Code Integration This repository contains tools for automated web testing with Model Context Protocol (MCP) integration, designed to work seamlessly with VSCode AI extensions like Roo-Code. ## Projects ### MCP Playwright Test ([@shipdocs/mcp-playwright-test](https://www.npmjs.com/package/@shipdocs/mcp-playwright-test)) A comprehensive end-to-end testing tool that implements the Model Context Protocol (MCP) for integration with AI assistants like Roo-Code and Augment. **Key Features:** - Full MCP server implementation with resource and command endpoints - Playwright-powered browser automation for Chrome, Firefox, and WebKit - Automated login, navigation, and web exploration - Error detection and logging for AI-assisted debugging - Screenshot capture and accessibility analysis - Easy integration with Roo-Code via MCP **[View MCP Playwright Test Documentation](./mcp-playwright-test/README.md)** ## Getting Started The easiest way to get started is to install the published npm package: ```bash # Install globally npm install -g @shipdocs/mcp-playwright-test # Create a configuration file mcp-playwright-test init # Start the MCP server mcp-playwright-test start ``` Alternatively, clone this repository: ```bash # Clone repository and navigate to the MCP Playwright Test directory git clone https://github.com/shipdocs/vibe-coding-mcp-end-2-end-testing.git cd vibe-coding-mcp-end-2-end-testing/mcp-playwright-test # Install dependencies npm install # Run the program node index.js ``` On first run, you'll be prompted to configure login details for your target website. ## Roo-Code Integration This repository is designed to work with the Roo-Code VSCode extension through the Model Context Protocol. To configure Roo-Code to use this tool: 1. In VSCode with Roo-Code installed, access the MCP settings 2. Add a new MCP server using either: - **STDIO Transport**: Run the tool as a child process - **SSE Transport**: Connect to an already running server For detailed instructions, see: - [MCP Playwright Test User Guide](./mcp-playwright-test/docs/UserGuide.md#roo-code-integration) - [Detailed Roo-Code Integration Guide](./mcp-playwright-test/docs/Roo-Code-Integration.md) ## Documentation - [MCP Playwright Test README](./mcp-playwright-test/README.md) - [Detailed User Guide](./mcp-playwright-test/docs/UserGuide.md) - [Roo-Code Integration Guide](./mcp-playwright-test/docs/Roo-Code-Integration.md) ## License MIT License

No reviews yet — be the first

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

About

Details

Jump to

Setting up with Highlight

From the repository

Claude Desktop / Cursor

McpServers

Install

More like this

Sentry

Github

Git

GitLab

Context 7

Sequential Thinking