Date picker strategies in Selenium Java - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a date picker in web testing?

A date picker is a user interface element that allows users to select a date from a calendar popup or dropdown. In testing, it requires special handling to select dates correctly.

beginner

Name two common strategies to automate date picker selection in Selenium.

1. Directly inputting the date string into the date field if allowed.
2. Navigating the calendar UI by clicking next/previous buttons and selecting the date element.

intermediate

Why might directly sending keys to a date picker input fail?

Because some date pickers are read-only or use custom UI controls that ignore keyboard input, so sending keys won't update the date properly.

intermediate

How can you handle dynamic calendar UI elements in Selenium for date pickers?

By locating calendar controls using stable locators like aria-labels or data attributes, then using loops to navigate months and select the correct day element.

beginner

What is a best practice when writing locators for date picker elements?

Use unique, stable attributes such as aria-labels, data-* attributes, or visible text instead of brittle XPath or CSS selectors that rely on position.

Which strategy is best if the date picker input field is editable?

A Send keys directly to the input field

B Click through calendar UI controls only

C Use JavaScript to change the date value

D Ignore the date picker and skip the test

If the input field accepts text, sending keys is the simplest and fastest way to set the date.

What is a common problem when clicking calendar UI elements in Selenium?

A Calendar UI never changes dynamically

B Selenium cannot find any elements on the page

C Date pickers always accept keyboard input

D Elements may not be visible or clickable immediately

Calendar elements may load dynamically or be hidden, so waits or checks are needed before clicking.

Why avoid using absolute XPath for date picker elements?

A XPath is not supported in Selenium

B They are slow to execute

C They break easily if UI changes

D They do not work with calendars

Absolute XPath depends on exact UI structure, which often changes, making tests fragile.

Which locator attribute is best for accessibility and stable selection?

A style

B aria-label

C onclick

D class (if generic)

aria-label attributes describe elements for screen readers and are usually stable and unique.

What should you do if the date picker uses a custom widget that blocks keyboard input?

A Use Selenium to click through the calendar UI

B Send keys to the input field anyway

C Skip testing the date picker

D Use alert popups to enter date

Clicking through the calendar UI simulates user behavior and works with custom widgets.

Explain how you would automate selecting a date in a date picker that does not allow typing.

Think about how a user clicks through the calendar to pick a date.

List best practices for writing locators for date picker elements in Selenium.

Focus on locator stability and accessibility.

Practice

1. What is the main reason to use a date picker in a web form during testing?

easy

A. To speed up page loading time

B. To allow users to select a date easily and avoid manual input errors

C. To change the website's theme colors

D. To validate user passwords

Solution

1. Step 1: Understand the purpose of a date picker

   A date picker helps users select dates without typing, reducing errors.

2. Step 2: Identify the testing goal

   Testing ensures the date picker works correctly and inputs valid dates.

3. Final Answer:

   To allow users to select a date easily and avoid manual input errors -> Option B

4. Quick Check:

   Date picker purpose = Easy date selection [OK]

Hint: Date pickers help avoid typing mistakes [OK]

Common Mistakes:

• Confusing date picker with unrelated UI elements
• Thinking date picker changes page speed
• Assuming date picker validates passwords

2. Which Selenium Java code snippet correctly clicks a date picker input field using its id 'dateInput'?

easy

A. driver.findElement(By.tagName("dateInput")).click();

B. driver.findElement(By.name("dateInput")).click();

C. driver.findElement(By.className("dateInput")).click();

D. driver.findElement(By.id("dateInput")).click();

Solution

1. Step 1: Identify the locator strategy for id

   Use By.id("dateInput") to find element by its id attribute.

2. Step 2: Use click() method on the found element

   Calling click() simulates user clicking the date picker input.

3. Final Answer:

   driver.findElement(By.id("dateInput")).click(); -> Option D

4. Quick Check:

   Use By.id for id attribute [OK]

Hint: Use By.id for id locators in Selenium [OK]

Common Mistakes:

• Using By.name when id is given
• Using By.className incorrectly
• Using By.tagName with id value

3. Given this Selenium Java code snippet, what will be the output if the date picker input's value is set correctly?

WebElement dateInput = driver.findElement(By.id("dateInput"));
dateInput.click();
dateInput.sendKeys("2024-07-15");
String selectedDate = dateInput.getAttribute("value");
System.out.println(selectedDate);

medium

A. 2024/07/15

B. null

C. 2024-07-15

D. Date picker not found

Solution

1. Step 1: Understand sendKeys sets input value

   sendKeys("2024-07-15") inputs the date string into the field.

2. Step 2: getAttribute("value") retrieves the current input value

   This returns the exact string typed, which is "2024-07-15".

3. Final Answer:

   2024-07-15 -> Option C

4. Quick Check:

   sendKeys sets value, getAttribute reads it [OK]

Hint: sendKeys sets input, getAttribute("value") reads it [OK]

Common Mistakes:

• Expecting formatted date different from input
• Assuming getText() returns input value
• Confusing null with empty string

4. You wrote this Selenium Java code to select a date but the test fails with NoSuchElementException:

driver.findElement(By.xpath("//input[@id='dateInput']")).sendKeys("2024-12-01");

What is the most likely cause and fix?

medium

A. The date picker input is inside an iframe; switch to iframe before accessing it

B. The xpath syntax is incorrect; use By.id instead

C. sendKeys cannot be used on input fields

D. The date format "2024-12-01" is invalid

Solution

1. Step 1: Understand NoSuchElementException means element not found

   This often happens if element is inside an iframe or not visible yet.

2. Step 2: Check if date picker is inside iframe and switch context

   Switching to iframe with driver.switchTo().frame(...) allows access to elements inside it.

3. Final Answer:

   The date picker input is inside an iframe; switch to iframe before accessing it -> Option A

4. Quick Check:

   Switch to iframe to find elements inside [OK]

Hint: Check if element is inside iframe before locating [OK]

Common Mistakes:

• Assuming xpath is always wrong
• Thinking sendKeys can't be used on inputs
• Blaming date format for element not found

5. You want to select a date 10 days from today using Selenium Java on a date picker that only allows clicking days (no typing). Which strategy is best?

hard

A. Calculate the target date, open the date picker, then click the day button matching that date

B. Use sendKeys to type the date string directly into the input field

C. Reload the page and hope the default date is correct

D. Use JavaScript to set the input value without clicking

Solution

1. Step 1: Calculate the date 10 days from today in Java

   Use LocalDate.now().plusDays(10) to get the target date.

2. Step 2: Open the date picker and click the day matching the target date

   Locate the day button by text or attribute and click it to select.

3. Final Answer:

   Calculate the target date, open the date picker, then click the day button matching that date -> Option A

4. Quick Check:

   Click matching day for pickers without typing [OK]

Hint: Click the correct day button after calculating date [OK]

Common Mistakes:

• Trying to type date when input disallows it
• Ignoring date calculation and clicking wrong day
• Using JavaScript to set value without UI interaction