Data TestId Generator

🧪 A smart Visual Studio Code extension for inserting data-testid attributes in HTML files (Angular, React, and Vue templates).

🔧 Features

• 💡 Auto-generates data-testid="element-name-purpose-xxxx"
• 🎯 Supports manual empty values
• 🧠 Remembers your insert mode (auto/manual)
• ⚙️ Optional prefix config for company-wide naming
• ✅ Works with Angular, React, and Vue templates

⚙️ Usage

1. Press Ctrl + Shift + P
2. Select Set Auto Insert Mode
3. In your HTML, start typing <div d and press Ctrl + Space
4. The data-testid will appear based on your selected mode

📦 Extension Settings

• dataTestIdGenerator.prefix: Add a prefix before all testid values (e.g., qa-)

🔐 Privacy

No data is sent or collected. All logic runs locally inside your editor.

👨‍💻 Author

Built with ❤️ by Amr Muhammad