Auto-complete field handling in Selenium Java - Test Execution Trace

Test Overview

This test automates entering text into an auto-complete input field, selects a suggested option, and verifies the correct selection is made.

Test Code - Selenium

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;
import java.time.Duration;

public class AutoCompleteTest {
    WebDriver driver;
    WebDriverWait wait;

    @BeforeEach
    public void setUp() {
        driver = new ChromeDriver();
        wait = new WebDriverWait(driver, Duration.ofSeconds(10));
        driver.get("https://example.com/autocomplete");
    }

    @Test
    public void testAutoCompleteSelection() {
        WebElement input = driver.findElement(By.id("auto-complete-input"));
        input.sendKeys("Uni");

        // Wait until suggestions are visible
        wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("ul.suggestions li")));

        // Select the suggestion "United States"
        WebElement suggestion = driver.findElement(By.xpath("//ul[@class='suggestions']/li[text()='United States']"));
        suggestion.click();

        // Verify the input value is updated
        String selectedValue = input.getAttribute("value");
        assertEquals("United States", selectedValue);
    }

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

Execution Trace - 7 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Browser window is open at https://example.com/autocomplete	-	PASS
2	Finds the auto-complete input field by id 'auto-complete-input'	Input field is located and ready for input	-	PASS
3	Types 'Uni' into the input field	Input field shows text 'Uni', suggestions dropdown starts loading	-	PASS
4	Waits until suggestion list items are visible using WebDriverWait and ExpectedConditions	Suggestions dropdown is visible with multiple options including 'United States'	Checks visibility of suggestions list items	PASS
5	Finds the suggestion 'United States' by XPath and clicks it	'United States' suggestion is clicked and input field updates	-	PASS
6	Gets the input field value and asserts it equals 'United States'	Input field value is 'United States'	Assert input value equals 'United States'	PASS
7	Test ends and browser closes	Browser window is closed	-	PASS

Failure Scenario

Failing Condition: Suggestion 'United States' is not found or not clickable

Execution Trace Quiz - 3 Questions

What does the test wait for before clicking a suggestion?

A Page title to change

B Input field to be empty

C Visibility of suggestion list items

D Browser URL to change

Key Result

Always wait explicitly for dynamic elements like auto-complete suggestions to appear before interacting, to avoid flaky tests.