CADENCE

Find Your Stride

Form Components Test

Test all form components with validation and error handling

Login Form

Test login with validation, password visibility toggle, and remember me

Welcome back

Enter your credentials to access your account

Email

Password

Remember me for 30 days

Don't have an account?

Test Credentials (with MSW)

Email: john@example.com

Password: password (any password works in mock)

Or use any email from the mock users

Testing Instructions

Validation Testing:

Try submitting empty forms to see validation errors
Enter invalid email formats
Test password strength with different combinations
Try mismatched passwords in register form
Upload invalid file types for avatar

API Integration:

Check browser console for form submission values
All forms have loading states during submission
Toast notifications show success/error messages
MSW intercepts login/register API calls

Features to Test:

Password visibility toggles
Remember me checkbox
Terms and conditions validation
Avatar upload and preview
Form reset functionality