Submitting forms in Selenium Java - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to submit the form using Selenium WebDriver.

Selenium Java

WebElement form = driver.findElement(By.id("loginForm"));
form.[1]();

Drag options to blanks, or click blank then click option'

Asubmit

Bclear

CsendKeys

Dclick

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() on the form element instead of submit()

Using sendKeys() which is for input fields

Using clear() which clears text fields

The submit() method submits the form element found by Selenium.

2fill in blank

medium

Complete the code to submit a form by clicking the submit button.

Selenium Java

WebElement submitButton = driver.findElement(By.[1]("submitBtn"));
submitButton.click();

Drag options to blanks, or click blank then click option'

Aname

BtagName

CclassName

Did

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.name when the element has an id

Using By.className which may not be unique

Using By.tagName which is too generic

Using By.id("submitBtn") locates the submit button by its id attribute.

3fill in blank

hard

Fix the error in the code to submit the form correctly.

Selenium Java

WebElement form = driver.findElement(By.id("form1"));
form.[1]();

Drag options to blanks, or click blank then click option'

Aclick

BsendKeys

Csubmit

Dclear

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() on the form element which does not submit it

Using sendKeys() or clear() which are unrelated

The submit() method submits the form; click() on form element does not submit it.

4fill in blank

hard

Fill both blanks to locate the form by name and submit it.

Selenium Java

WebElement form = driver.findElement(By.[1]("[2]"));
form.submit();

Drag options to blanks, or click blank then click option'

Aname

Bid

CloginForm

DsubmitForm

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.id when the form has a name attribute

Using the wrong form name string

Locate the form by its name attribute 'loginForm' using By.name().

5fill in blank

hard

Fill all three blanks to find the submit button by class, click it, and verify the form submission.

Selenium Java

WebElement submitBtn = driver.findElement(By.[1]("[2]"));
submitBtn.[3]();

Drag options to blanks, or click blank then click option'

AclassName

Bsubmit-button

Cclick

Did

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.id when the button is identified by class

Using submit() on the button instead of click()

Locate the button by className 'submit-button' and click it to submit the form.

Practice

1. In Selenium Java, which method is used to submit a form on a web page?

easy

A. submit()

B. click()

C. sendKeys()

D. getText()

Solution

1. Step 1: Understand form submission in Selenium

   The submit() method is designed specifically to submit forms in Selenium.

2. Step 2: Differentiate from other methods

   Methods like click() simulate clicking but do not necessarily submit forms; sendKeys() inputs text; getText() retrieves text.

3. Final Answer:

   submit() -> Option A

4. Quick Check:

   Form submission method = submit() [OK]

Hint: Use submit() to send form data, not click() [OK]

Common Mistakes:

• Using click() instead of submit() to send form
• Confusing sendKeys() with form submission
• Trying to submit without locating form element

2. Which of the following is the correct way to submit a form using Selenium WebDriver in Java?

easy

A. driver.findElement(By.id("formId")).submit();

B. driver.submit(By.id("formId"));

C. driver.findElement(By.id("formId")).click();

D. driver.findElement(By.id("formId")).sendKeys("submit");

Solution

1. Step 1: Locate the form element correctly

   Use findElement(By.id("formId")) to get the form element by its ID.

2. Step 2: Call submit() on the form element

   Calling submit() on the form element sends the form data.

3. Final Answer:

   driver.findElement(By.id("formId")).submit(); -> Option A

4. Quick Check:

   Correct syntax = driver.findElement(...).submit() [OK]

Hint: Call submit() on the form element, not on driver [OK]

Common Mistakes:

• Trying to call submit() directly on driver
• Using click() instead of submit() on form
• Sending keys 'submit' instead of calling submit()

3. What will happen when the following Selenium Java code runs?

WebElement input = driver.findElement(By.name("username"));
input.sendKeys("user1");
input.submit();

medium

A. Only the input field is cleared but form is not submitted.

B. An exception is thrown because submit() cannot be called on input elements.

C. The form containing the input field is submitted with 'user1' as username.

D. The page reloads without submitting any data.

Solution

1. Step 1: Identify element and actions

   The code finds an input field named "username", enters "user1" text, then calls submit() on that input element.

2. Step 2: Understand submit() behavior on child elements

   Calling submit() on any child element inside a form submits the entire form containing that element.

3. Final Answer:

   The form containing the input field is submitted with 'user1' as username. -> Option C

4. Quick Check:

   submit() on input submits parent form [OK]

Hint: submit() on input submits its parent form [OK]

Common Mistakes:

• Thinking submit() only works on form elements
• Expecting submit() to clear input instead of submitting
• Assuming submit() throws exception on input elements

4. Consider this Selenium Java code snippet:

WebElement form = driver.findElement(By.id("loginForm"));
form.click();
form.submit();

What is the main issue with this code?

medium

A. submit() must be called before click() on the form.

B. submit() cannot be called on a form element.

C. The form element is not located correctly.

D. Calling click() on the form element may cause unexpected behavior before submit.

Solution

1. Step 1: Analyze click() on form element

   Calling click() on a form element is unusual and may trigger unexpected UI behavior or errors.

2. Step 2: Confirm submit() usage

   Calling submit() on the form element is correct and will submit the form.

3. Final Answer:

   Calling click() on the form element may cause unexpected behavior before submit. -> Option D

4. Quick Check:

   click() on form is risky; submit() is correct [OK]

Hint: Avoid click() on form; use submit() directly [OK]

Common Mistakes:

• Thinking submit() cannot be called on form
• Assuming click() is needed before submit()
• Ignoring potential side effects of clicking form

5. You want to submit a form that has no id or name attribute but contains a submit button with class "submit-btn". Which Selenium Java code correctly submits the form?

hard

A. driver.findElement(By.className("submit-btn")).submit();

B. driver.findElement(By.className("submit-btn")).click();

C. driver.findElement(By.tagName("form")).submit();

D. driver.findElement(By.tagName("button")).submit();

Solution

1. Step 1: Locate the submit button by class

   Since the form lacks id or name, find the submit button using its class "submit-btn".

2. Step 2: Call click() on the submit button element

   Calling click() on the submit button simulates pressing the button, which submits the form.

3. Final Answer:

   driver.findElement(By.className("submit-btn")).click(); -> Option B

4. Quick Check:

   click() on submit button triggers form submission [OK]

Hint: Submit form by clicking the submit button [OK]

Common Mistakes:

• Using submit() instead of click() on submit button
• Trying to submit form by tagName without verifying uniqueness
• Calling submit() on button tag which may not be inside form