Click and hold in Selenium Java - Build an Automation Script

Verify click and hold action on a button

Preconditions (1)

Step 1: Locate the button with id 'hold-button'

Step 2: Perform click and hold action on the button for 3 seconds

Step 3: Release the click

Step 4: Verify that the button text changes to 'Held!' after the hold

✅ Expected Result: The button text changes to 'Held!' after clicking and holding for 3 seconds

Automation Requirements - Selenium WebDriver with Java

Assertions Needed:

Verify the button text changes to 'Held!' after click and hold

Best Practices:

Use Actions class for click and hold

Use explicit waits to wait for text change

Use By.id locator for the button

Avoid Thread.sleep; use WebDriverWait instead

Automated Solution

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.interactions.Actions;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import java.time.Duration;
import static org.junit.jupiter.api.Assertions.assertEquals;

public class ClickAndHoldTest {
    public static void main(String[] args) {
        System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");
        WebDriver driver = new ChromeDriver();
        try {
            driver.get("https://example.com/testpage");

            WebElement button = driver.findElement(By.id("hold-button"));

            Actions actions = new Actions(driver);
            actions.clickAndHold(button).pause(Duration.ofSeconds(3)).release().perform();

            WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(5));
            wait.until(ExpectedConditions.textToBe(By.id("hold-button"), "Held!"));

            String buttonText = button.getText();
            assertEquals("Held!", buttonText, "Button text should be 'Held!' after click and hold");

            System.out.println("Test passed: Button text changed to 'Held!'");
        } finally {
            driver.quit();
        }
    }
}

This test script uses Selenium WebDriver with Java to automate the click and hold action.

First, it opens the test page and locates the button by its id 'hold-button'.

Then, it uses the Actions class to perform a click and hold on the button for 3 seconds, then releases the click.

After that, it waits explicitly for the button text to change to 'Held!' using WebDriverWait and ExpectedConditions.textToBe.

Finally, it asserts that the button text is exactly 'Held!'.

The test prints a success message if the assertion passes and closes the browser in the finally block to ensure cleanup.

Common Mistakes - 4 Pitfalls

Using Thread.sleep instead of explicit waits

Using XPath with absolute paths for locating the button

Not releasing the click after click and hold

Not handling exceptions or quitting the driver

Bonus Challenge

Now add data-driven testing with 3 different hold durations: 1 second, 3 seconds, and 5 seconds, verifying the button text changes accordingly.

Show Hint

Practice

1. What does the clickAndHold() method in Selenium's Actions class do?

easy

A. Simulates pressing and holding the mouse button on a web element

B. Clicks and releases the mouse button immediately

C. Double clicks on a web element

D. Moves the mouse pointer to a web element without clicking

Solution

1. Step 1: Understand the purpose of clickAndHold()

   The clickAndHold() method simulates pressing and holding the mouse button down on a specific web element without releasing it.

2. Step 2: Compare with other mouse actions

   Unlike a simple click or double click, clickAndHold() keeps the mouse button pressed, useful for drag-and-drop or selection actions.

3. Final Answer:

   Simulates pressing and holding the mouse button on a web element -> Option A

4. Quick Check:

   clickAndHold() = Press and hold mouse [OK]

Hint: Remember: clickAndHold means press and hold mouse button [OK]

Common Mistakes:

• Confusing clickAndHold() with click()
• Thinking it releases the mouse button immediately
• Assuming it moves the mouse pointer only

2. Which of the following is the correct way to perform a click and hold action on a WebElement element using Selenium in Java?

easy

A. driver.actions().clickAndHold(element).execute();

B. driver.clickAndHold(element);

C. Actions.clickAndHold(element).perform();

D. new Actions(driver).clickAndHold(element).perform();

Solution

1. Step 1: Use Actions class instance

   In Selenium Java, you create an Actions object with new Actions(driver) to perform complex mouse actions.

2. Step 2: Call clickAndHold() on the element and then perform()

   The correct syntax is chaining clickAndHold(element) followed by perform() to execute the action.

3. Final Answer:

   new Actions(driver).clickAndHold(element).perform(); -> Option D

4. Quick Check:

   Actions + clickAndHold + perform() = Correct syntax [OK]

Hint: Always chain perform() after clickAndHold() in Actions [OK]

Common Mistakes:

• Calling clickAndHold() directly on driver
• Missing perform() at the end
• Using incorrect method chaining syntax

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

Actions actions = new Actions(driver);
WebElement box = driver.findElement(By.id("box"));
actions.clickAndHold(box).pause(Duration.ofSeconds(2)).release().perform();

medium

A. Clicks and holds on the element with id 'box' for 2 seconds, then releases the mouse button

B. Clicks and releases immediately on the element with id 'box'

C. Throws a syntax error because pause() is not valid here

D. Moves the mouse to the element but does not click

Solution

1. Step 1: Analyze the action chain

   The code calls clickAndHold(box) to press the mouse button down on the element, then pauses for 2 seconds, then releases the mouse button.

2. Step 2: Understand pause() and release()

   The pause(Duration.ofSeconds(2)) waits 2 seconds while holding, and release() releases the mouse button, then perform() executes all actions.

3. Final Answer:

   Clicks and holds on the element with id 'box' for 2 seconds, then releases the mouse button -> Option A

4. Quick Check:

   clickAndHold + pause + release = Hold 2s then release [OK]

Hint: pause() delays action; release() ends clickAndHold [OK]

Common Mistakes:

• Thinking pause() is invalid in Actions chain
• Assuming immediate release after clickAndHold
• Confusing release() with click()

4. Identify the error in this Selenium Java code snippet:

Actions actions = new Actions(driver);
WebElement element = driver.findElement(By.id("drag"));
new Actions(driver).clickAndHold(element);
actions.perform();

medium

A. Incorrect locator used for element

B. Missing chaining of clickAndHold() with perform()

C. perform() should be called on driver, not actions

D. clickAndHold() cannot be used without release()

Solution

1. Step 1: Check method chaining

   The clickAndHold(element) returns an Actions object and should be chained with perform() to execute immediately.

2. Step 2: Analyze the code calls

   Here, clickAndHold(element) is called but not chained; then actions.perform() is called separately, which performs no action because the previous call was not chained.

3. Final Answer:

   Missing chaining of clickAndHold() with perform() -> Option B

4. Quick Check:

   Chain clickAndHold().perform() to run action [OK]

Hint: Always chain perform() immediately after action method [OK]

Common Mistakes:

• Calling perform() separately without chaining
• Assuming perform() runs all previous actions
• Not understanding fluent interface chaining

5. You want to test a drag-and-drop feature where you click and hold an element with id source, move it to an element with id target, then release. Which of the following code snippets correctly performs this using Selenium Java?

hard

A. new Actions(driver).dragAndDrop(By.id("source"), By.id("target")).perform();

B. new Actions(driver).click(driver.findElement(By.id("source"))).moveToElement(driver.findElement(By.id("target"))).click().perform();

C. new Actions(driver).clickAndHold(driver.findElement(By.id("source"))).moveToElement(driver.findElement(By.id("target"))).release().perform();

D. new Actions(driver).clickAndHold(By.id("source")).moveToElement(By.id("target")).release().perform();

Solution

1. Step 1: Understand drag-and-drop with clickAndHold

   To drag and drop manually, you click and hold the source element, move to the target element, then release the mouse button.

2. Step 2: Analyze each option

   new Actions(driver).clickAndHold(driver.findElement(By.id("source"))).moveToElement(driver.findElement(By.id("target"))).release().perform(); correctly chains clickAndHold(source), moveToElement(target), release(), and perform(). new Actions(driver).click(driver.findElement(By.id("source"))).moveToElement(driver.findElement(By.id("target"))).click().perform(); uses click instead of clickAndHold, new Actions(driver).dragAndDrop(By.id("source"), By.id("target")).perform(); incorrectly passes By locators instead of WebElements, new Actions(driver).clickAndHold(By.id("source")).moveToElement(By.id("target")).release().perform(); incorrectly passes By locators instead of WebElements.

3. Final Answer:

   new Actions(driver).clickAndHold(driver.findElement(By.id("source"))).moveToElement(driver.findElement(By.id("target"))).release().perform(); -> Option C

4. Quick Check:

   clickAndHold + moveToElement + release = drag and drop [OK]

Hint: Use WebElements, chain clickAndHold, moveToElement, release, perform [OK]

Common Mistakes:

• Passing By locators instead of WebElements
• Using click instead of clickAndHold for drag
• Confusing dragAndDrop() with manual actions