Advertise
MCP.so
Sign In

Playwright MCP Project

@vikaskumarprofessional92

Repository

Basic information

Category

Browser Automation

Transports

stdio

Author

vikaskumarprofessional92

About Playwright MCP Project

A project to demonstrate Playwright MCP server usage with Jenkins pipeline

#playwright#jenkins#automation

Playwright MCP Project config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--vision"
      ]
    }
  }
}

Playwright MCP Project tools

30

Close the page

Resize the browser window

Returns all console messages

Handle a dialog

Evaluate JavaScript expression on page or element

Upload one or multiple files

Drop files or MIME-typed data onto an element, as if dragged from outside the page. At least one of "paths" or "data" must be provided.

Search the accessibility snapshot of the current page for text or a regular expression. Returns matching snapshot nodes with a few lines of surrounding context (like search snippets), each shown under its path from the root of the tree, which is cheaper than capturing the whole snapshot when you only need to locate an element and its ref.

Fill multiple form fields

Press a key on the keyboard

Type text into editable element

Move mouse to a given position

Click mouse button at a given position

Drag left mouse button to a given position

Press mouse down

Press mouse up

Scroll mouse wheel

Navigate to a URL

Go back to the previous page in the history

Returns a numbered list of network requests since loading the page. Use browser_network_request with the number to get full details.

Returns full details (headers and body) of a single network request, or a single part if `part` is set. Use the number from browser_network_requests.

Run a Playwright code snippet. Unsafe: executes arbitrary JavaScript in the Playwright server process and is RCE-equivalent.

Take a screenshot of the current page. You can't perform actions based on the screenshot, use browser_snapshot for actions.

Capture accessibility snapshot of the current page, this is better than screenshot

Perform click on a web page

Perform drag and drop between two elements

Hover over element on page

Select an option in a dropdown

List, create, close, or select a browser tab.

Wait for text to appear or disappear or a specified time to pass

Overview

What is Playwright MCP Project?

It is a project that demonstrates using the Playwright MCP server with a Jenkins pipeline. It provides test specifications and CI configuration for running Playwright tests with MCP.

How to use Playwright MCP Project?

Clone the repository, install dependencies with npm install, configure the MCP server in settings.json with the command npx @playwright/mcp@latest --vision, then run tests with npx playwright test.

Key features of Playwright MCP Project

  • Demonstrates Playwright MCP server integration
  • Includes Jenkins pipeline configuration
  • Provides example test specifications
  • Uses vision mode for Playwright MCP
  • Requires Node.js and npm

Use cases of Playwright MCP Project

  • Running automated browser tests in a CI pipeline
  • Demonstrating MCP server setup for Playwright
  • Testing web application navigation, e.g., Google.ca

Frequently asked questions

1

What are the prerequisites?

Node.js and npm must be installed on your machine.

2

How do I install the dependencies?

Run `npm install` after cloning the repository.

3

How do I configure the MCP server?

Add the configuration to `settings.json` with command `npx` and args `["@playwright/mcp@latest", "--vision"]`.

4

How do I run the tests?

Use the command `npx playwright test`.

5

Is there Jenkins integration?

Yes, the project includes a Jenkins pipeline that installs dependencies, runs tests, and generates and publishes test reports.

Comments

More Browser Automation MCP servers

Firecrawl Mcp Server

mendableai

🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.

6.9K

HTML/CSS to Image

An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.

Puppeteer

modelcontextprotocol

Model Context Protocol Servers

88.1K

Screenshot Scout

screenshotscout

Capture screenshots of webpages as images or PDFs with Screenshot Scout.

C

Chrome DevTools for agents

ChromeDevTools

Official Chrome DevTools MCP server from Google that lets coding agents control, debug and profile a live Chrome browser.

53.6K
Advertise