Basic Form

Submit a complete form with validation

What you will learn

Fill in the ORDER a user would — server-side validation depends on it, and the wrong order reveals different bugs than random order
After submit, verify success state via redirect, toast, OR heading — all three may exist; pick the one your contract asserts
Test empty-submit separately from filled-invalid-submit — both produce validation errors but via different paths (client-only vs client+server)

Fill in all required fields and submit

Automation hints

✓ Test validation errors appear: #error-firstname, #error-email, #error-country, #error-gender, #error-terms
✓ Verify #btn-submit triggers validation before submission
✓ Check #btn-clear resets all fields including checkboxes and radio buttons
✓ Test #form-success appears with submitted data after valid submission
✓ Verify #btn-reset on success page allows new form submission

Submit a complete form with validation

Fill in the ORDER a user would — server-side validation depends on it, and the wrong order reveals different bugs than random order
After submit, verify success state via redirect, toast, OR heading — all three may exist; pick the one your contract asserts
Test empty-submit separately from filled-invalid-submit — both produce validation errors but via different paths (client-only vs client+server)

Fill in all required fields and submit

Automation hints

✓ Test validation errors appear: #error-firstname, #error-email, #error-country, #error-gender, #error-terms
✓ Verify #btn-submit triggers validation before submission
✓ Check #btn-clear resets all fields including checkboxes and radio buttons
✓ Test #form-success appears with submitted data after valid submission
✓ Verify #btn-reset on success page allows new form submission