Agent skill

e2e-testing

End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration.

View SKILL.md on GitHub Repository
Stars 232
Forks 15

Install this agent skill to your Project

npx add-skill https://github.com/aiskillstore/marketplace/tree/main/skills/sickn33/e2e-testing

SKILL.md

E2E Testing Workflow

Overview

Specialized workflow for end-to-end testing using Playwright including browser automation, visual regression testing, cross-browser testing, and CI/CD integration.

When to Use This Workflow

Use this workflow when:

  • Setting up E2E testing
  • Automating browser tests
  • Implementing visual regression
  • Testing across browsers
  • Integrating tests with CI/CD

Workflow Phases

Phase 1: Test Setup

Skills to Invoke

  • playwright-skill - Playwright setup
  • e2e-testing-patterns - E2E patterns

Actions

  1. Install Playwright
  2. Configure test framework
  3. Set up test directory
  4. Configure browsers
  5. Create base test setup

Copy-Paste Prompts

Use @playwright-skill to set up Playwright testing

Phase 2: Test Design

Skills to Invoke

  • e2e-testing-patterns - Test patterns
  • test-automator - Test automation

Actions

  1. Identify critical flows
  2. Design test scenarios
  3. Plan test data
  4. Create page objects
  5. Set up fixtures

Copy-Paste Prompts

Use @e2e-testing-patterns to design E2E test strategy

Phase 3: Test Implementation

Skills to Invoke

  • playwright-skill - Playwright tests
  • webapp-testing - Web app testing

Actions

  1. Write test scripts
  2. Add assertions
  3. Implement waits
  4. Handle dynamic content
  5. Add error handling

Copy-Paste Prompts

Use @playwright-skill to write E2E test scripts

Phase 4: Browser Automation

Skills to Invoke

  • browser-automation - Browser automation
  • playwright-skill - Playwright features

Actions

  1. Configure headless mode
  2. Set up screenshots
  3. Implement video recording
  4. Add trace collection
  5. Configure mobile emulation

Copy-Paste Prompts

Use @browser-automation to automate browser interactions

Phase 5: Visual Regression

Skills to Invoke

  • playwright-skill - Visual testing
  • ui-visual-validator - Visual validation

Actions

  1. Set up visual testing
  2. Create baseline images
  3. Add visual assertions
  4. Configure thresholds
  5. Review differences

Copy-Paste Prompts

Use @playwright-skill to implement visual regression testing

Phase 6: Cross-Browser Testing

Skills to Invoke

  • playwright-skill - Multi-browser
  • webapp-testing - Browser testing

Actions

  1. Configure Chromium
  2. Add Firefox tests
  3. Add WebKit tests
  4. Test mobile browsers
  5. Compare results

Copy-Paste Prompts

Use @playwright-skill to run cross-browser tests

Phase 7: CI/CD Integration

Skills to Invoke

  • github-actions-templates - GitHub Actions
  • cicd-automation-workflow-automate - CI/CD

Actions

  1. Create CI workflow
  2. Configure parallel execution
  3. Set up artifacts
  4. Add reporting
  5. Configure notifications

Copy-Paste Prompts

Use @github-actions-templates to integrate E2E tests with CI

Quality Gates

  • Tests passing
  • Coverage adequate
  • Visual tests stable
  • Cross-browser verified
  • CI integration working

Related Workflow Bundles

  • testing-qa - Testing workflow
  • development - Development
  • web-performance-optimization - Performance

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

aiskillstore/marketplace

perigon-backend

Perigon ASP.NET Core + EF Core + Aspire conventions

232 15
Explore
aiskillstore/marketplace

perigon-agent

Pointers for Copilot/agents to apply Perigon conventions

232 15
Explore
aiskillstore/marketplace

perigon-angular

Angular 21+ standalone/Material/signal conventions for Perigon WebApp

232 15
Explore
aiskillstore/marketplace

fastapi-mastery

Comprehensive FastAPI development skill covering REST API creation, routing, request/response handling, validation, authentication, database integration, middleware, and deployment. Use when working with FastAPI projects, building APIs, implementing CRUD operations, setting up authentication/authorization, integrating databases (SQL/NoSQL), adding middleware, handling WebSockets, or deploying FastAPI applications. Triggered by requests involving .py files with FastAPI code, API endpoint creation, Pydantic models, or FastAPI-specific features.

232 15
Explore
aiskillstore/marketplace

context7-efficient

Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering. Fetches code examples, API references, and best practices for JavaScript, Python, Go, Rust, and other libraries. Use when users ask about library documentation, need code examples, want API usage patterns, are learning a new framework, need syntax reference, or troubleshooting with library-specific information. Triggers include questions like "Show me React hooks", "How do I use Prisma", "What's the Next.js routing syntax", or any request for library/framework documentation.

232 15
Explore
aiskillstore/marketplace

browser-use

Browser automation using Playwright MCP. Navigate websites, fill forms, click elements, take screenshots, and extract data. Use when tasks require web browsing, form submission, web scraping, UI testing, or any browser interaction.

232 15
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results