File upload (sendKeys to input) in Selenium Java - Build an Automation Script

Upload a file using sendKeys to input element

Preconditions (2)

Step 1: Locate the file input element with id 'file-upload'

Step 2: Use sendKeys to enter the full file path 'C:\\Users\\TestUser\\Documents\\sample.txt' into the file input

Step 3: Click the upload button with id 'upload-button'

Step 4: Wait for the upload confirmation message with id 'upload-success' to appear

✅ Expected Result: The upload confirmation message displays text 'Upload successful!'

Automation Requirements - Selenium WebDriver with Java

Assertions Needed:

Verify the upload confirmation message is displayed

Verify the confirmation message text equals 'Upload successful!'

Best Practices:

Use explicit waits to wait for elements

Use By.id locator strategy for stable element identification

Handle exceptions for element not found

Keep file path configurable

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.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import java.time.Duration;

public class FileUploadTest {
    public static void main(String[] args) {
        System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");
        WebDriver driver = new ChromeDriver();
        WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));

        try {
            driver.get("https://example.com/file-upload");

            // Locate file input
            WebElement fileInput = wait.until(ExpectedConditions.elementToBeClickable(By.id("file-upload")));

            // Set file path - adjust path as needed
            String filePath = "C:\\Users\\TestUser\\Documents\\sample.txt";
            fileInput.sendKeys(filePath);

            // Click upload button
            WebElement uploadButton = driver.findElement(By.id("upload-button"));
            uploadButton.click();

            // Wait for confirmation message
            WebElement successMessage = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("upload-success")));

            // Assert message text
            if (!"Upload successful!".equals(successMessage.getText())) {
                throw new AssertionError("Upload confirmation text mismatch");
            }

            System.out.println("Test passed: File uploaded successfully.");

        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            driver.quit();
        }
    }
}

This test script uses Selenium WebDriver with Java to automate the file upload process.

First, it opens the file upload page. Then it waits explicitly for the file input element to be clickable to ensure it is ready.

It uses sendKeys to input the full file path into the file input element. This simulates selecting a file from the local machine.

Next, it clicks the upload button to start the upload.

After clicking, it waits explicitly for the upload confirmation message to appear, ensuring the upload completed.

Finally, it asserts that the confirmation message text matches the expected success message.

Explicit waits and By.id locators are used for reliability. The file path is kept as a variable for easy changes.

Common Mistakes - 4 Pitfalls

Using Thread.sleep instead of explicit waits

Using XPath with absolute paths for locating elements

Hardcoding file path inside the sendKeys call without variable

Not handling exceptions when elements are not found

Bonus Challenge

Now add data-driven testing with 3 different file paths to upload different files

Show Hint

Practice

1. What is the correct way to upload a file using Selenium WebDriver in Java?

easy

A. Use getText() on the file input element to upload the file.

B. Use click() on the file input element and then type the file name.

C. Use executeScript to set the file content directly.

D. Use sendKeys on the file input element with the full file path.

Solution

1. Step 1: Understand file upload in Selenium

   File upload requires sending the full file path to the file input element using sendKeys.

2. Step 2: Identify correct method usage

   Only sendKeys accepts the file path string to upload the file; other methods do not perform upload.

3. Final Answer:

   Use sendKeys on the file input element with the full file path. -> Option D

4. Quick Check:

   File upload = sendKeys with full path [OK]

Hint: Always use sendKeys with full file path to upload files [OK]

Common Mistakes:

• Trying to click and type file name manually
• Using getText() which only reads text
• Using executeScript to set file content

2. Which of the following is the correct syntax to upload a file located at C:\files\test.txt using Selenium WebDriver in Java?

easy

A. driver.findElement(By.id("fileUpload")).sendKeys("C:\\files\\test.txt");

B. driver.findElement(By.id("fileUpload")).click().sendKeys("C:/files/test.txt");

C. driver.findElement(By.id("fileUpload")).sendKeys("test.txt");

D. driver.findElement(By.id("fileUpload")).setText("C:\files\test.txt");

Solution

1. Step 1: Use sendKeys with full absolute path

   The file input requires the full absolute path with escaped backslashes in Java strings.

2. Step 2: Check syntax correctness

   driver.findElement(By.id("fileUpload")).sendKeys("C:\\files\\test.txt"); correctly escapes backslashes as double backslashes and uses sendKeys on the element.

3. Final Answer:

   driver.findElement(By.id("fileUpload")).sendKeys("C:\\files\\test.txt"); -> Option A

4. Quick Check:

   Escape backslashes and use sendKeys [OK]

Hint: Escape backslashes in Windows paths and use sendKeys [OK]

Common Mistakes:

• Using relative file name without full path
• Using click() before sendKeys
• Using non-existent setText() method

3. What will be the result of the following code snippet if the file path is correct and the element is found?

WebElement upload = driver.findElement(By.name("uploadFile"));
upload.sendKeys("/home/user/docs/sample.pdf");
String value = upload.getAttribute("value");
System.out.println(value);

medium

A. Prints the full file path: /home/user/docs/sample.pdf

B. Prints the file name only: sample.pdf

C. Throws NoSuchElementException

D. Prints an empty string

Solution

1. Step 1: Understand getAttribute("value") on file input

   After sendKeys, the value attribute usually contains only the file name, not full path, for security reasons.

2. Step 2: Analyze output of System.out.println(value)

   The printed output will be the file name part: sample.pdf, not the full path or empty string.

3. Final Answer:

   Prints the file name only: sample.pdf -> Option B

4. Quick Check:

   getAttribute("value") returns file name [OK]

Hint: getAttribute("value") on file input returns file name only [OK]

Common Mistakes:

• Expecting full file path printed
• Assuming empty string is returned
• Confusing NoSuchElementException with normal behavior

4. You wrote this code to upload a file:

driver.findElement(By.id("fileInput")).sendKeys("docs/report.pdf");

But the file is not uploading. What is the most likely reason?

medium

A. The file path is relative; sendKeys requires the full absolute path.

B. sendKeys cannot be used on file input elements.

C. The locator By.id("fileInput") is invalid syntax.

D. You must call click() before sendKeys to upload.

Solution

1. Step 1: Check file path usage in sendKeys

   sendKeys requires the full absolute file path, not a relative path like "docs/report.pdf".

2. Step 2: Verify other options

   sendKeys works on file inputs; locator syntax is correct; click() before sendKeys is not needed.

3. Final Answer:

   The file path is relative; sendKeys requires the full absolute path. -> Option A

4. Quick Check:

   Use absolute path in sendKeys [OK]

Hint: Always provide absolute file path to sendKeys [OK]

Common Mistakes:

• Using relative file paths
• Thinking click() is required before sendKeys
• Misunderstanding locator syntax

5. You want to verify that a file upload succeeded after using sendKeys. Which approach is best to confirm the upload in your Selenium test?

hard

A. Use getText() on the file input element to see the file name.

B. Check the file input's value attribute for the full file path.

C. Check for a success message or confirmation element on the page after upload.

D. Assume upload succeeded if no exception was thrown during sendKeys.

Solution

1. Step 1: Understand verification after file upload

   File input's value attribute does not reliably confirm upload; success message or page change is best evidence.

2. Step 2: Evaluate options for confirming upload

   Checking UI confirmation or success message ensures upload succeeded; relying on no exception or input value is unreliable.

3. Final Answer:

   Check for a success message or confirmation element on the page after upload. -> Option C

4. Quick Check:

   Verify upload by success message presence [OK]

Hint: Confirm upload by checking success message or page change [OK]

Common Mistakes:

• Relying on input value attribute for confirmation
• Assuming no exception means success
• Using getText() on file input which returns empty