Back to Practice

Practice Form

Student Registration Form

QA Automation Helper

Target IDsKey Element IDs

#firstName

#lastName

#userEmail

#gender-radio-1

#userNumber

#dateOfBirthInput

#hobbies-checkbox-1

#uploadPicture

#currentAddress

#state

#city

#submit

#close-modal

SelectorsSuggested Locators

#userForm

.modal-content

input[type='file']

//input[@value='Male']

//input[@id='hobbies-Sports']

//div[text()='Thanks for submitting the form']

Advance Testing Tips

Form Filling: This is a classic end-to-end form test. Chain your actions effectively.
Uploads: Use .sendKeys('/path/to/file') on the input[type='file'] element to upload.
Standard Selects: Use 'Select' class in Selenium or .selectOption() in Playwright for State/City.
Date Picker: This uses the native HTML5 date picker. You can often just send keys (YYYY-MM-DD) to it.