qc-auto-package

ng-qcauto is an Angular utility library that automatically injects stable data-qcauto attributes into DOM elements. It empowers QA and test automation teams by providing deterministic, human-friendly selectors without requiring developers to clutter templates with data-testid.

Key Features

• Automatic Injection — Works globally without directives or template edits.
• Route-Based Stable IDs — IDs include route path for better organization and stability.
• Tester-Controlled Configuration — Configuration lives in localStorage and is manageable via a Ctrl+Q modal.
• Right-Click to Copy — Quickly copy QC IDs during testing when enabled.
• Test-Only Mode — Can be enabled in dev/staging and disabled in production.
• Angular Version Support — Works with both module-based (v14 and below) and standalone (v15+) bootstraps.
• Lightweight Performance — Observer-based with minimal runtime impact.

Philosophy

Designed to shift test ID management from developers to testers, providing reliable, structured selectors that remain stable across reloads as long as the route and DOM structure don't change.