Playwright MCP Project
@vikaskumarprofessional92
About Playwright MCP Project
A project to demonstrate Playwright MCP server usage with Jenkins pipeline
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest",
"--vision"
]
}
}
}Tools
30Close 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
FAQ from Playwright MCP Project
What are the prerequisites?
Node.js and npm must be installed on your machine.
How do I install the dependencies?
Run npm install after cloning the repository.
How do I configure the MCP server?
Add the configuration to settings.json with command npx and args ["@playwright/mcp@latest", "--vision"].
How do I run the tests?
Use the command npx playwright test.
Is there Jenkins integration?
Yes, the project includes a Jenkins pipeline that installs dependencies, runs tests, and generates and publishes test reports.
Frequently asked questions
What are the prerequisites?
Node.js and npm must be installed on your machine.
How do I install the dependencies?
Run `npm install` after cloning the repository.
How do I configure the MCP server?
Add the configuration to `settings.json` with command `npx` and args `["@playwright/mcp@latest", "--vision"]`.
How do I run the tests?
Use the command `npx playwright test`.
Is there Jenkins integration?
Yes, the project includes a Jenkins pipeline that installs dependencies, runs tests, and generates and publishes test reports.
Basic information
More Browser Automation MCP servers
mcp-browser-use: MCP server for browser-use
vinayak-mehtaMCP server for browser-use
Yoyo
firecrawl🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
Umut Naci
firecrawlThe API to search, scrape, and interact with the web at scale. 🔥
BitBrowser MCP service
BitBrowser01BitBrowser MCP simple to use, no complicated procedures required. Supports a variety of intelligent agent services.
Screenshot Scout
screenshotscoutCapture screenshots of webpages as images or PDFs with Screenshot Scout.
Comments