e2e-testing
A comprehensive workflow for Playwright-based E2E automation.
Install
mkdir -p .claude/skills/e2e-testing-ncdevshiv && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16984" && unzip -o skill.zip -d .claude/skills/e2e-testing-ncdevshiv && rm skill.zipInstalls to .claude/skills/e2e-testing-ncdevshiv
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration.Key capabilities
- →Install Playwright and configure a test framework
- →Design test scenarios and create page objects
- →Write test scripts with assertions and error handling
- →Configure headless mode, screenshots, and video recording
- →Set up visual testing with baseline images and assertions
- →Configure and run tests across Chromium, Firefox, and WebKit
How it works
This workflow guides through phases of setting up, designing, implementing, and automating end-to-end tests using Playwright, including visual regression and cross-browser testing.
Inputs & outputs
When to use e2e-testing
- →Setting up E2E tests
- →Implementing visual regression
- →Cross-browser testing
- →Writing test scripts
About this skill
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 setupe2e-testing-patterns- E2E patterns
Actions
- Install Playwright
- Configure test framework
- Set up test directory
- Configure browsers
- 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 patternstest-automator- Test automation
Actions
- Identify critical flows
- Design test scenarios
- Plan test data
- Create page objects
- 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 testswebapp-testing- Web app testing
Actions
- Write test scripts
- Add assertions
- Implement waits
- Handle dynamic content
- Add error handling
Copy-Paste Prompts
Use @playwright-skill to write E2E test scripts
Phase 4: Browser Automation
Skills to Invoke
browser-automation- Browser automationplaywright-skill- Playwright features
Actions
- Configure headless mode
- Set up screenshots
- Implement video recording
- Add trace collection
- Configure mobile emulation
Copy-Paste Prompts
Use @browser-automation to automate browser interactions
Phase 5: Visual Regression
Skills to Invoke
playwright-skill- Visual testingui-visual-validator- Visual validation
Actions
- Set up visual testing
- Create baseline images
- Add visual assertions
- Configure thresholds
- Review differences
Copy-Paste Prompts
Use @playwright-skill to implement visual regression testing
Phase 6: Cross-Browser Testing
Skills to Invoke
playwright-skill- Multi-browserwebapp-testing- Browser testing
Actions
- Configure Chromium
- Add Firefox tests
- Add WebKit tests
- Test mobile browsers
- 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 Actionscicd-automation-workflow-automate- CI/CD
Actions
- Create CI workflow
- Configure parallel execution
- Set up artifacts
- Add reporting
- 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 workflowdevelopment- Developmentweb-performance-optimization- Performance
When not to use it
- →When not setting up E2E testing
- →When not automating browser tests
- →When not implementing visual regression
Limitations
- →The workflow is specialized for end-to-end testing using Playwright.
- →It focuses on browser automation, visual regression testing, and cross-browser testing.
- →The workflow is limited to integrating tests with CI/CD.
How it compares
This workflow provides a structured, phased approach to E2E testing, unlike manually writing individual test scripts without a defined strategy.
Compared to similar skills
e2e-testing side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| e2e-testing (this skill) | 0 | 5mo | No flags | Intermediate |
| e2e-testing-patterns | 8 | 3mo | No flags | Intermediate |
| testing-workflow | 16 | 9mo | Review | Intermediate |
| perf-lighthouse | 13 | 5mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
e2e-testing-patterns
wshobson
Master end-to-end testing with Playwright and Cypress to build reliable test suites that catch bugs, improve confidence, and enable fast deployment. Use when implementing E2E tests, debugging flaky tests, or establishing testing standards.
testing-workflow
amo-tech-ai
Comprehensive testing workflow for E2E, integration, and unit tests. Use when testing applications layer-by-layer, validating user journeys, or running test suites.
perf-lighthouse
tech-leads-club
Run Lighthouse audits locally via CLI or Node API, parse and interpret reports, set performance budgets. Use when measuring site performance, understanding Lighthouse scores, setting up budgets, or integrating audits into CI. Triggers on: lighthouse, run lighthouse, lighthouse score, performance audit, performance budget.
xcodebuildmcp
cameroncooke
Official skill for XcodeBuildMCP. Use when doing iOS/macOS/watchOS/tvOS/visionOS work (build, test, run, debug, log, UI automation).
verify
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
playwright-pro
alirezarezvani
Production-grade Playwright testing toolkit. Use when the user mentions Playwright tests, end-to-end testing, browser automation, fixing flaky tests, test migration, CI/CD testing, or test suites. Generate tests, fix flaky failures, migrate from Cypress/Selenium, sync with TestRail, run on BrowserStack. 55 templates, 3 agents, smart reporting.