Playwright Testing Framework

by lupusludens-se

1 182 downloads Not rated yet

GitHub

Developer Tools

About

ai_driven_test_automation_with_playwright_cursor_mcp_server

Explore

- 🔍 Browse tests in a tree view
- ▶️ Run/Debug individual tests or test files
- 🔄 Re-run failed tests
- 📊 View test results inline
- 🎯 Jump to test definitions
- 📋 Filter tests by status or tags
- 🎯 Debug tests with breakpoints

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 Playwright Testing Framework

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": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

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": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

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": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

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": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

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": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

From the repository

1. Node.js: Install Node.js v20 or higher
2. Environment Setup: Create a .env file with the following configuration:


$env:CI="true"; $env:target_env="test"; npx playwright test --reporter=list
$env:CI="true"; $env:target_env="preprod"; npx playwright test --reporter=list

```bash

Claude Desktop / Cursor

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

{
    "mcpServers": {
        "playwright testing framework": {
            "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
                "command": "npx",
                "args": [
                    "playwright",
                    "install"
                ]
            }
        }
    }
}

McpServers

{
    "ai_driven_test_automation_with_playwright_cursor_mcp_server": {
        "command": "npx",
        "args": [
            "playwright",
            "install"
        ]
    }
}

This project contains UI and API tests for the Zeigo Network Dashboard using Playwright for end-to-end (E2E) testing.

What We're Using

Playwright enables reliable end-to-end testing for modern web apps with features like:

- Cross-browser testing support
- Cross-platform testing capability
- Multi-language support (TypeScript, JavaScript, Python, .NET, Java)
- Mobile web testing
- Parallel test execution
- Built-in debugging tools

Documentation

- Playwright Official Docs
- Running Tests Guide

Structure

- .vscode/: Workspace-specific settings.
- ui-tests/specs/: UI test specifications.
- api-tests/specs/: API test specifications.
- pages/: Page Object Model (POM) files.
- utils/: Utility functions or helpers.
- .env: Environment variables.
- .gitignore: Files to exclude from version control.

Prerequisites

1. Node.js: Install Node.js v20 or higher
2. Environment Setup: Create a .env file with the following configuration:

   # Base URLs
   API_BASE_URL=https://your-api-url
   UI_BASE_URL=https://your-ui-url

Getting Started

1. Install Playwright and dependencies:

   npm install
   npx playwright install
   npm install dotenv

2. Install VS Code Playwright extension:

   code --install-extension ms-playwright.playwright

3. Run tests:

Test Execution Options

Using VS Code Test Explorer

- Open VS Code
- Click on the Testing icon in the Activity Bar (beaker icon)
- Click the Play button to run all tests
- Or run individual tests by clicking the play button next to each test

Using Command Line

Basic Test Commands

```bash

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

Explore

Setting up with Highlight

From the repository

Claude Desktop / Cursor

McpServers

What We're Using

Documentation

Structure

Prerequisites

Getting Started

Test Execution Options

Using VS Code Test Explorer

Using Command Line

Basic Test Commands

More like this

Sentry

Github

Git

GitLab