File upload (sendKeys to input) in Selenium Java - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to upload a file by sending the file path to the input element.

Selenium Java

WebElement uploadInput = driver.findElement(By.id("fileUpload"));
uploadInput.[1]("C:/Users/Example/file.txt");

Drag options to blanks, or click blank then click option'

Aclick

BgetText

CsendKeys

Dsubmit

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of sendKeys() to upload a file.

Trying to use getText() which only reads text, not uploads files.

The sendKeys method is used to simulate typing the file path into the file input element, which triggers the file upload.

2fill in blank

medium

Complete the code to locate the file input element by its name attribute.

Selenium Java

WebElement uploadInput = driver.findElement(By.[1]("uploadFile"));

Drag options to blanks, or click blank then click option'

Aid

BclassName

CtagName

Dname

Attempts:

3 left

💡 Hint

Common Mistakes

Using By.id when the element does not have an id attribute.

Using By.className or By.tagName which do not match the element uniquely.

The By.name locator finds elements by their name attribute, which is 'uploadFile' in this case.

3fill in blank

hard

Fix the error in the code to correctly upload a file using sendKeys.

Selenium Java

driver.findElement(By.id("fileInput")).[1]("/path/to/file.pdf");

Drag options to blanks, or click blank then click option'

AsendKeys

BgetAttribute

Cclick

Dclear

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() which only clicks the element but does not upload.

Using getAttribute() which reads attributes but does not upload.

sendKeys is the correct method to input the file path into the file input element for uploading.

4fill in blank

hard

Fill both blanks to locate the file input by CSS selector and upload the file.

Selenium Java

WebElement fileInput = driver.findElement(By.[1]("[2]"));
fileInput.sendKeys("C:/files/test.png");

Drag options to blanks, or click blank then click option'

AcssSelector

Bxpath

C#fileUpload

D.upload-input

Attempts:

3 left

💡 Hint

Common Mistakes

Using xpath locator but providing a CSS selector string.

Using class selector when the element has an id.

By.cssSelector("#fileUpload") locates the element with id 'fileUpload'. Then sendKeys uploads the file.

5fill in blank

hard

Fill all three blanks to find the file input by XPath, clear it, and upload a file.

Selenium Java

WebElement input = driver.findElement(By.[1]("[2]"));
input.[3]();
input.sendKeys("/home/user/image.jpg");

Drag options to blanks, or click blank then click option'

Axpath

B//input[@type='file']

Cclear

Dclick

Attempts:

3 left

💡 Hint

Common Mistakes

Using click() instead of clear() before sendKeys.

Using incorrect XPath expression.

By.xpath("//input[@type='file']") finds the file input element. clear() empties any existing value before sending the new file path.

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