Tirsvad-Udemy-100-days-of-code/048-fill-out-form
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Page: Step 3 Form
Pages
Home da Home ms Home Step 1 Link Click da Step 1 Link Click ms Step 1 Link Click Step 2 Search da Step 2 Search ms Step 2 Search Step 3 Form da Step 3 Form ms Step 3 Form
Clone
1
Step 3 Form
Tirsvad edited this page 2026-10-28 09:25:30 +01:00
Table of Contents

English · Dansk · Bahasa Malaysia

Step 3: Challenge, fill out a form

The lecture

The challenge: fill out a sign-up form with a first name, last name and email address, then click the Sign Up button. Some elements have no id or name that is easy to use, so the lecture points to CSS selectors.

The code

def fill_out_form(browser, form_data=None, before_submit=None):
    data = form_data if form_data is not None else default_form_data()
    browser.find_element(BY_CSS_SELECTOR, FIRST_NAME_SELECTOR).send_keys(data.first_name)
    browser.find_element(BY_CSS_SELECTOR, LAST_NAME_SELECTOR).send_keys(data.last_name)
    browser.find_element(BY_CSS_SELECTOR, EMAIL_SELECTOR).send_keys(data.email)
    if before_submit is not None:
        before_submit()
    browser.find_element(BY_CSS_SELECTOR, SIGN_UP_BUTTON_SELECTOR).click()

What the browser shows

The form after typing, before the click:

The sign-up form filled with Jane, Doe and an email address

The page after Sign Up. The demo page checks the email address, and the default jane.doe@example.com is rejected. Run the program with your own address (--email you@yourdomain.com) to see the success page:

The demo page answering "Uh oh" to the default example.com address

What we gained

  • A CSS selector such as input[name='fName'] finds an element that has no id.
  • Steps 1 and 2 combine here: find, type, click.
  • A real page can answer unexpectedly; the screenshot after the click shows what really happened.
  • Keeping selectors in constants.py means a changed page needs one edit, not a search through the code.

Languages