playwright-typescript-enableedge

GitHub repository skill for enableedge/playwright-typescript-enableedge

Description

A comprehensive test automation framework combining TypeScript and Playwright for UI and API testing, with AI-assisted test generation through Playwright MCP integration with VS Code and GitHub Copilot.

Repository: enableedge/playwright-typescript-enableedge Language: TypeScript Stars: 2 License: MIT License

When to Use This Skill

Use this skill when you need to:

• Set up Playwright test automation with TypeScript
• Implement AI-assisted test generation using Playwright MCP
• Create UI and API automated tests
• Understand Page Object Model (POM) patterns in Playwright
• Integrate Allure reporting with Playwright tests
• Use natural language to generate Playwright test code

Quick Reference

Repository Info

• Homepage: https://github.com/enableedge/playwright-typescript-enableedge
• Topics: playwright, typescript, test-automation, ai-assisted, mcp, page-object-model, allure-report
• Open Issues: 0
• Last Updated: Recent (active development)
• Commits: 11 on main branch

Languages

• TypeScript: Primary language
• HTML: Supporting files

Key Features

• 🎭 UI and API test automation with Playwright
• 🤖 AI-assisted test generation via Playwright MCP
• 📦 Page Object Model (POM) design pattern
• 📊 Allure Report integration
• 🔧 VS Code extension integration
• 🤝 GitHub Copilot compatibility
• 🌐 Multi-browser support

Architecture

Design Pattern: Page Object Model (POM) Tech Stack: TypeScript + Playwright + Node.js AI Integration: Playwright MCP (Model Context Protocol) Reporting: Allure Report Requirements: Node.js v14+, Java v11+ (for Allure)

Installation

# Clone repository
git clone https://github.com/enableedge/playwright-typescript-enableedge.git
cd playwright-typescript-enableedge

# Install dependencies
npm install

# Install Playwright browsers
npx playwright install

Usage

Running Tests

# Run UI tests
npm run test:ui

# Run API tests
npm run test:api

# Run specific test file
npm run test -- <path-to-test-file>

Playwright MCP Setup

Enable AI-Assisted Test Generation:

1. Install Playwright VS Code extension
2. Enable MCP in VS Code settings:

   {
     "playwright.mcp.enabled": true
   }
   

3. Start MCP server via Command Palette
4. Describe test scenarios in natural language
5. MCP generates corresponding Playwright test code

Key Capability: Convert natural language test descriptions into executable Playwright test code with proper browser interaction automation.

AI-Assisted Test Generation

The framework demonstrates how to:

• Use natural language to describe test scenarios
• Generate Playwright test code automatically
• Follow modern testing best practices
• Create maintainable test suites with AI assistance
• Integrate with GitHub Copilot for code suggestions

Page Object Model (POM)

The framework implements POM for:

• Reusable page components
• Better test maintainability
• Separation of test logic from page structure
• Scalable test architecture

Allure Reporting

Integrated Allure Report provides:

• Comprehensive test execution reports
• Visual test results
• Historical trend analysis
• Test categorization and tagging

Available References

• references/README.md - Complete README documentation
• references/file_structure.md - Repository structure
• references/setup.md - Installation and configuration guide

Use Cases

1. UI Test Automation: Automate web application testing with Playwright
2. API Testing: Create API test suites using Playwright's built-in capabilities
3. AI-Assisted Development: Generate test code from natural language descriptions
4. Page Object Pattern: Implement maintainable test architecture
5. CI/CD Integration: Integrate automated tests into deployment pipelines
6. Test Reporting: Generate comprehensive Allure reports

Generated by Skill Seeker | GitHub Repository Scraper (Manual Creation)