e2e-test

Detects frameworks and runs browser/e2e tests while collecting artifact logs.

Updated May 6, 2026
One-click install
npx skills add https://github.com/htayj/src --skill e2e-test-htayj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-test
Source: https://github.com/htayj/src/tree/main/dotfiles/pi/.pi/agent/packages/general-dev-suite/skills/e2e-test
Command: npx skills add https://github.com/htayj/src --skill e2e-test-htayj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the development and execution of browser and end-to-end tests, ensuring test stability and reliability.

Core Features & Use Cases

  • Framework detection & dev-server setup: Identify test frameworks and start local dev servers for testing environments.
  • Reusable fixtures & page objects: Leverage existing test components like fixtures and helpers to reduce redundancy.
  • Differentiated selector strategies: Use robust selectors such as data-testid and accessibility roles for consistent test targeting.
  • Focused user flow testing: Concentrate on critical user interactions and observable outcomes to improve test resilience.
  • Artifact collection: Capture screenshots, videos, and traces during failures to facilitate debugging and documentation.

Quick Start

Use the e2e-test skill to run your existing browser tests with minimal configuration.

Frequently Asked Questions about e2e-test

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up end-to-end testing for my local dev server?▼

End-to-end testing setup is handled by automatically detecting your test frameworks and starting local dev servers, which establishes a ready testing environment with minimal configuration required.

What's the best way to manage reusable fixtures and page objects in browser automation?▼

Browser automation workflows can leverage existing test components like fixtures and helpers to reduce redundancy, ensuring stable test creation by reusing established page objects across scenarios.

How do I use data-testid and accessibility roles for reliable test targeting?▼

Using data-testid and accessibility roles provides differentiated selector strategies for reliable test targeting, ensuring consistent element selection and improving overall test resilience against UI changes.

Can I capture screenshots and traces when end-to-end tests fail?▼

Capturing screenshots, videos, and traces during end-to-end test failures is supported for artifact collection, enabling efficient debugging by providing visual documentation of the exact failure state.

Do I need to manually configure my test framework to run browser automation scripts?▼

Manual configuration is minimized because the tool identifies existing test frameworks automatically, allowing you to run browser automation scripts by reusing existing components without extensive setup.

Why should I focus on critical user flows rather than full coverage in end-to-end testing?▼

Focusing end-to-end testing on critical user interactions and observable outcomes improves test resilience, ensuring your browser tests remain reliable even when minor UI details change.