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.