E2e Testing

Name: E2e Testing
Author: sickn33

sickn33/antigravity-awesome-skills

1 installs
44k repo stars
Updated July 27, 2026
sickn33/antigravity-awesome-skills

Stand up a Playwright-based E2E workflow—from install and page objects through visual regression and CI hooks—before you ship web changes.

About

E2E Testing is an agent skill that walks developers through a structured Playwright end-to-end testing workflow. It targets anyone shipping a web app, API-backed UI, or internal tool who needs repeatable browser automation instead of manual click-throughs before merge or deploy. Use it when you are setting up E2E for the first time, automating regression on critical flows, adding visual regression checks, validating across Chromium/WebKit/Firefox, or wiring tests into CI so broken releases fail fast. The workflow moves from framework install and directory layout, through flow identification and page objects, to implemented specs you can run locally and in pipelines. It explicitly delegates deep Playwright mechanics and pattern catalogs to companion skills while keeping this bundle as the orchestration spine. For teams without a dedicated QA function, that spine turns scattered test advice into an ordered checklist you can hand to Claude Code, Cursor, or Codex in a repo that already has something worth protecting in production.

Three-phase workflow: Test Setup, Test Design, and Test Implementation with copy-paste @skill invoke prompts
Playwright-first: install, multi-browser config, fixtures, and page-object style structure
Pairs with e2e-testing-patterns and playwright-skill for strategy plus concrete test code
Covers visual regression, cross-browser runs, and CI/CD integration for automated gates
Maps critical user flows to scenarios and test data before writing specs

E2e Testing by the numbers

1 all-time installs (skills.sh)
Ranked #1,773 of 2,184 Testing & QA skills by installs in the Skillselion catalog
Security screen: LOW risk (skills.sh audit)
Data as of Jul 28, 2026 (Skillselion catalog sync)

npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill e2e-testing

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

[![Listed on Skillselion](https://skillselion.com/badge/skills/sickn33/antigravity-awesome-skills/e2e-testing.svg)](https://skillselion.com/skills/sickn33/antigravity-awesome-skills/e2e-testing)

Installs	1
repo stars	★ 44k
Security audit	3 / 3 scanners passed
Last updated	July 27, 2026
Repository	sickn33/antigravity-awesome-skills ↗

What it does

Stand up a Playwright-based E2E workflow—from install and page objects through visual regression and CI hooks—before you ship web changes.

Files

SKILL.mdMarkdownGitHub ↗

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

Limitations

Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.