Ui Data Testid
- 36 installs
- 5k repo stars
- Updated August 4, 2026
- dtyq/magic
Add stable data-testid attributes by default to new or refactored UI components so unit and E2E tests get reliable selectors.
About
ui-data-testid enforces adding stable data-testid attributes by default whenever new or refactored UI components are built. It targets React/TSX views, shadcn/antd-style components, dropdown and menu configs and interactive flows so tests get reliable selectors that survive refactors. A solo builder relies on it to keep unit and E2E tests from breaking on brittle CSS or text selectors.
- Add stable data-testid attributes by default
- Reliable selectors for unit and E2E tests
- Covers React/TSX, shadcn/antd, menus and flows
Ui Data Testid by the numbers
- 36 all-time installs (skills.sh)
- Ranked #1,308 of 2,153 Testing & QA skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/dtyq/magic --skill ui-data-testidAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 36 |
|---|---|
| repo stars | ★ 5k |
| Last updated | August 4, 2026 |
| Repository | dtyq/magic ↗ |
What it does
Add stable data-testid attributes by default to new or refactored UI components so unit and E2E tests get reliable selectors.
Who is it for?
Reliable test selectors on new/refactored UI
Skip if: Writing the tests themselves
Related skills
TddFollow test-driven development with a strict red-green-refactor loop when creating reliable features or fixing bugs.544k196k
Test Driven DevelopmentEnforce writing failing tests before any production implementation code.181k264kQaRun conversational QA sessions that turn user-reported bugs into well-written, domain-aware GitHub issues without manual ticket writing.179k196kMigrate To ShoehornAutomatically update TypeScript test files that rely on unsafe `as` type assertions by replacing them with type-safe partial objects from @total-typescript/shoehorn.164k196k
Webapp TestingVerify frontend behavior, debug UI issues, capture screenshots, and inspect logs of a running local web application using Playwright.123k165k
Playwright CliRun browser automation, generate element snapshots, inspect DOM attributes, and execute Playwright tests from the terminal.102k12.3k