87 lines
2.3 KiB
Markdown
87 lines
2.3 KiB
Markdown
# 📋 Quick Reference - Mandatory Password Reset data-testid
|
|
|
|
**For UI Team - Quick Implementation Guide**
|
|
|
|
---
|
|
|
|
## 🎯 **SCOPE:** `mandatory_reset`
|
|
|
|
**Pattern:** `mandatory_reset__{element_name}`
|
|
|
|
---
|
|
|
|
## ✅ **REQUIRED ATTRIBUTES (14 Total)**
|
|
|
|
### **🔴 CRITICAL (7) - Must Have:**
|
|
|
|
1. `mandatory_reset__modal` - Modal overlay (Line 150)
|
|
2. `mandatory_reset__continue_button` - Continue button (Line 248)
|
|
3. `mandatory_reset__form` - Form container (Line 283)
|
|
4. `mandatory_reset__current_password_input` - Current password input (Line 290)
|
|
5. `mandatory_reset__new_password_input` - New password input (Line 327)
|
|
6. `mandatory_reset__confirm_password_input` - Confirm password input (Line 370)
|
|
7. `mandatory_reset__submit_button` - Submit button (Line 464)
|
|
|
|
### **🟡 IMPORTANT (4) - Should Have:**
|
|
|
|
8. `mandatory_reset__back_button` - Back button (Line 454)
|
|
9. `mandatory_reset__current_password_error` - Current password error (Line 314)
|
|
10. `mandatory_reset__new_password_error` - New password error (Line 351)
|
|
11. `mandatory_reset__confirm_password_error` - Confirm password error (Line 394)
|
|
|
|
### **🟢 OPTIONAL (3) - Nice to Have:**
|
|
|
|
12. `mandatory_reset__modal_content` - Modal content container (Line 156)
|
|
13. `mandatory_reset__current_password_toggle` - Show/hide current password (Line 305)
|
|
14. `mandatory_reset__new_password_toggle` - Show/hide new password (Line 342)
|
|
15. `mandatory_reset__confirm_password_toggle` - Show/hide confirm password (Line 385)
|
|
|
|
---
|
|
|
|
## 📝 **EXAMPLE IMPLEMENTATION**
|
|
|
|
```jsx
|
|
// Modal Overlay
|
|
<motion.div
|
|
className="fixed inset-0 bg-black/60 z-[99999] flex items-center justify-center p-4"
|
|
data-testid="mandatory_reset__modal"
|
|
>
|
|
|
|
// Continue Button
|
|
<motion.button
|
|
onClick={goToStep2}
|
|
data-testid="mandatory_reset__continue_button"
|
|
>
|
|
|
|
// Form
|
|
<form onSubmit={handleSubmit} data-testid="mandatory_reset__form">
|
|
|
|
// Inputs
|
|
<input
|
|
name="currentPassword"
|
|
data-testid="mandatory_reset__current_password_input"
|
|
>
|
|
|
|
// Submit Button
|
|
<motion.button
|
|
type="submit"
|
|
data-testid="mandatory_reset__submit_button"
|
|
>
|
|
```
|
|
|
|
---
|
|
|
|
## ✅ **VERIFICATION**
|
|
|
|
After adding attributes, run:
|
|
```bash
|
|
python scripts/debug_dom_inspector.py
|
|
```
|
|
|
|
This will verify all attributes are present and working.
|
|
|
|
---
|
|
|
|
**Full Details:** See `UI_TEAM_MANDATORY_RESET_DATA_TESTID.md`
|
|
|