This is a solid foundation for Playwright-based E2E testing that pushes you toward the page object model and away from brittle selectors. The selector priority is spot on: data-testid first, then roles and labels, never CSS classes or XPath. The auth state reuse pattern alone will save you minutes on every test run. What I appreciate here is the opinionated structure with clear boundaries: this is for full user workflows across the stack, not component tests or API contracts. The wait strategy section is practical, showing you exactly what to use instead of those shameful `waitForTimeout(3000)` calls we've all written. The examples are Python/React focused but the patterns translate to any stack running Playwright.

skills.sh installs
1.6K
GitHub stars
8
last updated
Aug 21, 2026

Install

$ npx -y skills add hieutrtr/ai1-skills --skill e2e-testing --agent claude-code

Installs into .claude/skills of the current project.

Files

E2E Testing

When to Use

Activate this skill when:

  • Writing E2E tests for complete user workflows (login, CRUD operations, multi-page flows)
  • Creating critical path regression tests that validate the full stack
  • Testing cross-browser compatibility (Chromium, Firefox, WebKit)
  • Validating authentication flows end-to-end
  • Testing file upload/download workflows
  • Writing smoke tests for deployment verification

Do NOT use this skill for:

  • React component unit tests (use react-testing-patterns)
  • Python backend unit/integration tests (use pytest-patterns)
  • TDD workflow enforcement (use tdd-workflow)
  • API contract testing without a browser (use pytest-patterns with httpx)

Instructions

Test Structure

Sponsors

Details

Repository
github.com/hieutrtr/ai1-skills
Categories
Frontend Development, Backend & APIs, Testing & QA, Documentation, Automation & Workflows, Python

More from hieutrtr/ai1-skills

All 3
1emalorenzo avatarr3f-best-practicesemalorenzo/three-agent-skillsReact Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code. Triggers on tasks involving @react-three/f1.6Kskills.sh installs
2capawesome-team avatarionic-expertcapawesome-team/skillsA comprehensive starting point for AI agents to work with the Ionic Framework. Covers core concepts, components, CLI, theming, layout, lifecycle, navigation, an1.6Kskills.sh installs
3capawesome-team avatarionic-app-developmentcapawesome-team/skillsGuides the agent through general Ionic Framework development including core concepts, component reference, CLI usage, layout, theming, animations, gestures, dev1.6Kskills.sh installs
4adobe avatarpage-importadobe/skillsImport a single webpage from any URL into canonical EDS block format — structured HTML that authors edit in DA. Scrapes the page, analyzes structure, maps to ex1.6Kskills.sh installs
5adobe avatarpreview-importadobe/skillsUse this when you need to preview and verify content you imported into a local AEM Edge Delivery Services (EDS, Franklin, Helix) dev server on localhost. Starts1.6Kskills.sh installs
6ehmo avatarweb-design-guidelinesehmo/platform-design-skillsWeb platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI1.6Kskills.sh installs