Submitting forms in Selenium Java - Test Execution Trace

Test Overview

This test opens a web page with a form, fills in the input fields, submits the form, and verifies that the submission was successful by checking the confirmation message.

Test Code

Selenium Java

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import static org.junit.jupiter.api.Assertions.assertEquals;

public class FormSubmitTest {
    private WebDriver driver;
    private WebDriverWait wait;

    @BeforeEach
    public void setUp() {
        driver = new ChromeDriver();
        wait = new WebDriverWait(driver, java.time.Duration.ofSeconds(10));
    }

    @Test
    public void testFormSubmission() {
        driver.get("https://example.com/contact");

        WebElement nameInput = wait.until(ExpectedConditions.presenceOfElementLocated(By.id("name")));
        nameInput.sendKeys("John Doe");

        WebElement emailInput = driver.findElement(By.id("email"));
        emailInput.sendKeys("[e-mail]");

        WebElement messageInput = driver.findElement(By.id("message"));
        messageInput.sendKeys("Hello, this is a test message.");

        WebElement submitButton = driver.findElement(By.id("submit-btn"));
        submitButton.click();

        WebElement confirmation = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("confirmation")));
        String confirmationText = confirmation.getText();
        assertEquals("Thank you for your message!", confirmationText);
    }

    @AfterEach
    public void tearDown() {
        if (driver != null) {
            driver.quit();
        }
    }
}

Execution Trace - 8 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Browser window is open, ready to navigate	—	PASS
2	Navigates to https://example.com/contact	Contact form page is loaded with input fields and submit button	Page loaded with form elements present	PASS
3	Finds the name input field by id 'name' and enters 'John Doe'	Name field contains text 'John Doe'	Name input field is present and text entered	PASS
4	Finds the email input field by id 'email' and enters '[e-mail]'	Email field contains text '[e-mail]'	Email input field is present and text entered	PASS
5	Finds the message textarea by id 'message' and enters the test message	Message field contains the test message text	Message input field is present and text entered	PASS
6	Finds the submit button by id 'submit-btn' and clicks it	Form is submitted, page processes submission	Submit button is clickable and clicked	PASS
7	Waits for confirmation message with id 'confirmation' to be visible	Confirmation message is displayed on the page	Confirmation message text equals 'Thank you for your message!'	PASS
8	Test ends and browser closes	Browser window is closed	—	PASS

Failure Scenario

Failing Condition: The confirmation message element with id 'confirmation' does not appear after form submission

Execution Trace Quiz - 3 Questions

What does the test do after clicking the submit button?

A Immediately closes the browser

B Refreshes the page

C Waits for the confirmation message to appear

D Clears all input fields

Key Result

Always wait explicitly for elements that appear after an action like form submission to ensure the test checks the correct page state.

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