testid-adder

What problem does it solve?

This Skill ensures frontend testids are added and audited consistently across a codebase, enabling reliable automated tests without exposing sensitive information.

Core Features & Use Cases

• Incremental testid coverage: scans components and updates essential data-testid attributes without altering DOM structure.
• Semantic naming: enforces a page/component/element/interactWay style for testids to improve readability and reusability.
• Documentation sync: updates or generates a centralized testid mapping document to reflect approved identifiers after changes.
• Use Case: When expanding a React or Vue app, run this skill to attach testids to new interactive elements and produce a patch for review.

Quick Start

Run the testid-adder on your frontend project to audit and annotate testids, then review the proposed patch and commit.