2.3 KiB
2.3 KiB
📋 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:
mandatory_reset__modal- Modal overlay (Line 150)mandatory_reset__continue_button- Continue button (Line 248)mandatory_reset__form- Form container (Line 283)mandatory_reset__current_password_input- Current password input (Line 290)mandatory_reset__new_password_input- New password input (Line 327)mandatory_reset__confirm_password_input- Confirm password input (Line 370)mandatory_reset__submit_button- Submit button (Line 464)
🟡 IMPORTANT (4) - Should Have:
mandatory_reset__back_button- Back button (Line 454)mandatory_reset__current_password_error- Current password error (Line 314)mandatory_reset__new_password_error- New password error (Line 351)mandatory_reset__confirm_password_error- Confirm password error (Line 394)
🟢 OPTIONAL (3) - Nice to Have:
mandatory_reset__modal_content- Modal content container (Line 156)mandatory_reset__current_password_toggle- Show/hide current password (Line 305)mandatory_reset__new_password_toggle- Show/hide new password (Line 342)mandatory_reset__confirm_password_toggle- Show/hide confirm password (Line 385)
📝 EXAMPLE IMPLEMENTATION
// 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:
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