Playwright Testing Framework

by lupusludens-se

1 stars
182 downloads
Not rated
GitHub

About

ai_driven_test_automation_with_playwright_cursor_mcp_server

Details

Author
lupusludens-se
GitHub stars
1
Downloads
182
Categories
Developer Tools

- Cross-browser and cross-platform testing support
- Multi-language support (TypeScript, JavaScript, Python, .NET, Java)
- Parallel test execution and built-in debugging tools
- Page Object Model (POM) structure for maintainable tests
- Environment-specific test execution (test, preprod)
- Integration with VS Code Test Explorer and Playwright MCP Server

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:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. 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.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Install Node.js v20 or higher, create a .env file with API_BASE_URL and UI_BASE_URL, then run npm install, npx playwright install, and npm install dotenv. Run tests via VS Code Test Explorer or command line using npx playwright test with various options (headed mode, specific browser, debug, environment-specific). Use the Playwright MCP Server by running npx playwright-mcp in a separate terminal.

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"
        ]
    }
}

Playwright Testing Framework

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

Sign in to leave a review

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

Email sign in

No reviews posted yet.