# 📋 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`

