SendKeys

vibssingh

How to Upload a File using Selenium Webdriver

Last Updated On

HOME

In this tutorial, will see how to upload a document in Selenium.

We often face the problem where we have to upload a file in Web Application. This can be easily achieved in Selenium. We are using sendKeys() method to set the value of the file to upload.

Implementation

Setting up WebDriver:

This includes setting the browser for ChromeDriver and navigate to the web page that contains the upload button.

 ChromeOptions options = new ChromeOptions();
WebDriver driver = new ChromeDriver(options);
driver.manage().window().maximize();
driver.get("https://demoqa.com/upload-download");

Locating the File Input Element:

Locate the download link using XPath and click on it to start the download.

 WebElement upload = driver.findElement(By.id("uploadFile"));

Sending the File Path:

The absolute path of the file is sent to the file input element using the sendKeys() method, which effectively uploads the file to the form.

 //Upload the file
upload.sendKeys("C:\\Users\\Vibha\\Documents\\SeleniumTest.txt");

Verify the message

Make sure that the file is uploaded successfully.

Close the browser

At the end of the program, quit the browser to free up the browser.

Below is an example of uploading a document in the Selenium.

public class Upload_Demo {

    public static void main(String[] args) {

        ChromeOptions options = new ChromeOptions();
        WebDriver driver = new ChromeDriver(options);
        driver.manage().window().maximize();
        driver.get("https://demoqa.com/upload-download");

        // Locating upload button
        WebElement upload = driver.findElement(By.id("uploadFile"));

        //Upload the file
        upload.sendKeys("C:\\Users\\Vibha\\Documents\\SeleniumTest.txt");

        String Message = driver.findElement(By.id("uploadedFilePath")).getText();
        System.out.println("Message is :" + Message);

        // close the browser
        driver.close();
    }
}

The web page after uploading the file looks something like as shown below

Common Issues we can encounter during uploading of the document:

  1. File Path – Use double backslashes (`\\`) in Windows file paths, or single slashes (`/`) in Unix-like systems.
  2. Element not found – Make sure correct locators is used to identify the upload button.

That’s it! Congratulations on making it through this tutorial and hope you found it useful! Happy Learning!!

vibssingh

Selenium Form WebElement Commands – Sendkeys, Clear, Click, Submit

HOME

WebElement represents HTML DOM(Document Object Model) element. Anything present on web page like alert box, text box, button- all are WebElements.  When HTML loads into a web browser, it is convert into document object

WebElement in Selenium is a generic class that converts object into document object. There are a number of WebElement commands present in Selenium, but in this blog will discuss about

1) sendKeys()
2) clear()
3) Submit()
4) click()

1) SendKeys – This simulate typing into an element, which may set its value. This method accepts CharSequence as a parameter and returns nothing.

This method works fine with text entry elements like INPUT and TEXTAREA elements.

Input boxes refer to either of these two types: 
1. Text Fields– text boxes that accept typed values and show them as they are.
2. Password Fields– text boxes that accept typed values but mask them as a series of special characters (commonly dots and asterisks) to avoid sensitive values to be displayed.

To enter text into the Text Fields and Password Fields, sendKeys() is the method available on the WebElement. 

Syntax:

sendKeys(CharSequence… keysToSend ) : void

Command:

driver.findElement(By.xpath("//*[@name = 'email']")).sendKeys("abc123@gmail.com")

2) Clear – If this element is a text entry element, this will clear the value. This command does not require any parameter and return nothing.

Syntax:

clear( ) : void

Command:

email.clear();

3) Submit – This method works well/better than the click(), if the current element is a form, or an element within a form. This command does not require any parameter and return nothing.

Syntax:

submit():void

Command:

driver.findElement(By.id("u_0_2")).submit();

4) Click – This simulates the clicking of any element. This command does not require any parameter and return nothing. 

The buttons can be accessed using the click() method.

Syntax:

click():void

Command:

driver.findElement(By.id("u_0_2")).click();

Let us write a small program to see the use of these commands. I have used both click() and submit commands() to show how they work, but when you try to run this program, comment any one of the part.

import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
 
public class Facebook_Login {
       public static void main(String[] args) {
              System.setProperty("webdriver.gecko.driver","C:\\Users\\vibha\\Downloads\\geckodriver-v0.24.0-win64\\geckodriver.exe");
             
           // Create a new instance of the Firefox driver
           WebDriver driver = new FirefoxDriver();
 
           driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
           driver.get("https://www.facebook.com/");
           driver.manage().window().maximize();
           WebElement email = driver.findElement(By.xpath("//*[@name = 'email']"));
           WebElement password = driver.findElement(By.xpath("//*[@name = 'pass']"));
           Thread.sleep(1000);
 
          // switch from main window to child window
           for (String handle1 : driver.getWindowHandles()) {
                    driver.switchTo().window(handle1);
           }
 
           driver.findElement(By.id("u_0_k")).click();
 
           // Enter data in Text box
           email.sendKeys("abc123@gmail.com");
           password.sendKeys("Abc123@");
           System.out.println("Data is entered in Text Field");
 
           // Delete values from text box
           email.clear();
           password.clear();
           System.out.println("Data is cleared from Text Field");
 
           // Using submit method to submit the form
           email.sendKeys("abc123@gmail.com");
           password.sendKeys("Abc123@");
           driver.findElement(By.id("u_0_2")).submit();
           System.out.println("Login Done with Submit");
      }
}
      
Output:
Data is entered in Text Field
Data is cleared from Text Field
Login Done with Submit