š Playwright Test Automation Framework
@GoldiSaini
å ³äŗ š Playwright Test Automation Framework
š Modern E2E Testing Framework | Playwright + TypeScript + MCP Server | Data-Driven POM Architecture | Advanced Test Recording & Playback
åŗę¬äæ”ęÆ
é ē½®
使ēØäøé¢ēé ē½®,å°ę¤ęå”åØę·»å å°ä½ ē MCP 客ę·ē«Æć
{
"mcpServers": {
"playwrightMCP_Demo": {
"command": "npx",
"args": [
"playwright",
"install"
]
}
}
}å·„å ·
ęŖę£ęµå°å·„å ·
å·„å
·ęÆä» README äøčŖåØęåēć结ę¤č
åÆä»„åØ ## Tools ę é¢äøååŗå·„å
·,å³åÆå”«å
čæéØåå
容ć
ę¦č§
What is š Playwright Test Automation Framework?
A data-driven test automation framework built with Playwright and TypeScript, leveraging the @executeautomation/playwright-mcp-server for enhanced test recording and playback. It uses the Page Object Model design pattern for scalable and maintainable automated testing.
How to use š Playwright Test Automation Framework?
Clone the repository, install dependencies with npm install, and install Playwright browsers with npx playwright install. Run all tests with npx playwright test; run a specific file with npx playwright test tests/specs/registration.spec.ts; use headed mode with --headed.
Key features of š Playwright Test Automation Framework
- šļø Page Object Model architecture for clean test design
- š Data-driven testing with external test data
- š§ TypeScript support for robust type checking
- ā»ļø Reusable components via base classes
- š„ MCP Server integration for recording and playback
- š Scalable design for adding new scenarios easily
Use cases of š Playwright Test Automation Framework
- Automated UI testing for web applications
- Data-driven registration and login flow validation
- Rapid test creation using playback and script generation
- Maintaining a scalable test suite with centralized locators and data
FAQ from š Playwright Test Automation Framework
How do I set up the framework?
Clone the repository, run npm install to install dependencies, then run npx playwright install to download Playwright browsers.
How do I run tests?
Execute all tests with npx playwright test. Run a specific test file using npx playwright test tests/specs/registration.spec.ts. Use --headed to run tests in headed browser mode.
How do I add new test scenarios?
Add a new data object to tests/data/testData.ts following the TestScenario interface pattern. The test suite will automatically execute for the new scenario.
What are the key dependencies?
Playwright, TypeScript, Node.js, @executeautomation/playwright-mcp-server, and @playwright/test.
What programming language does the framework use?
TypeScript, with strong typing and better IDE support.
å¼åå·„å · åē±»äøēę“å¤ MCP ęå”åØ
OpenSumi
opensumiA framework helps you quickly build AI Native IDE products. MCP Client, supports Model Context Protocol (MCP) tools via MCP server.
Serena
oraiosA powerful MCP toolkit for coding, providing semantic retrieval and editing capabilities - the IDE for your agent
MCP-Bridge
SecretiveShellA middleware to provide an openAI compatible endpoint that can call MCP tools
MCP Containers
metorialConnect any AI model to 1200+ integrations (MCP, CLI, API)
MCP Inspector
modelcontextprotocolVisual testing tool for MCP servers
čÆč®ŗ