Failing to verify the presence of specific text within a dropdown menu using Selenium

Question

Failing to verify the presence of specific text within a dropdown menu using Selenium

Previously, I successfully implemented this code, however, the HTML/CSS for the dropdown has since changed and now I am unable to get it to function correctly.

Below is the structure for the dropdown code, with specific text highlighted that I am trying to identify:

I have set up a web element for the button that triggers the dropdown, retrieved its text, and checked if it contains certain criteria:

val myDropDown = driver.findElement(By.xpath("""//*[@id="no-jcf"]/div[2]/div[3]/form/div[18]/div[2]/div[2]/ol/button"""))
val ans = myDropDown.getText().contains("Copy of Invoice")

Despite following these steps, the code is not functioning as expected and returning an incorrect result.

javascript html css selenium selenium-webdriver

Answer 1

Answer №1

To verify a particular option, you can follow this method:

WebElement dropdownElement = driver.findElement(By.xpath("//button[contains(@class,'dropdown-toggle')]//li[@data-value='8']//span[1]"));
String dropdownText = dropdownElement.getText();
if(dropdownText.equalsIgnoreCase("Copy of Invoice"))
{
//...
}

Answer 2

To verify a particular option, you can follow this method:

WebElement dropdownElement = driver.findElement(By.xpath("//button[contains(@class,'dropdown-toggle')]//li[@data-value='8']//span[1]"));
String dropdownText = dropdownElement.getText();
if(dropdownText.equalsIgnoreCase("Copy of Invoice"))
{
//...
}

Answer 3

Answer №2

There are a couple of key mistakes that I have identified:

1) The xpath provided points to the button element, but the dropdown menu is actually not a child of the button. It is the next sibling of the button. Therefore, attempting to extract text from the button will not retrieve the options within the dropdown menu.

2) When using the getText() method, it retrieves the visible inner text of an element and its subelements. In order for this method to work correctly, ensure that the dropdown menu options are visible either by clicking on them or hovering over with a mouse.

Answer 4

There are a couple of key mistakes that I have identified:

1) The xpath provided points to the button element, but the dropdown menu is actually not a child of the button. It is the next sibling of the button. Therefore, attempting to extract text from the button will not retrieve the options within the dropdown menu.

2) When using the getText() method, it retrieves the visible inner text of an element and its subelements. In order for this method to work correctly, ensure that the dropdown menu options are visible either by clicking on them or hovering over with a mouse.

Answer 5

Answer №3

To streamline the process, create a collection of web elements and identify the specific one you are looking for. Here's an example:

List<WebElement> elementCollection =
driver.findElement(By.Id("unique-id").findElements(By.tagName("element"));

Now that you have gathered all the elements under the specified ID, loop through them using a for/foreach statement to determine if the desired element is present:

for(WebElement element : elementCollection )
{
   if(element.getText().contains("Desired Text"))
   {
   //... add your desired actions here
   }
}

Answer 6

To streamline the process, create a collection of web elements and identify the specific one you are looking for. Here's an example:

List<WebElement> elementCollection =
driver.findElement(By.Id("unique-id").findElements(By.tagName("element"));

Now that you have gathered all the elements under the specified ID, loop through them using a for/foreach statement to determine if the desired element is present:

for(WebElement element : elementCollection )
{
   if(element.getText().contains("Desired Text"))
   {
   //... add your desired actions here
   }
}

Failing to verify the presence of specific text within a dropdown menu using Selenium

Answer №1

Answer №2

Answer №3

Similar questions

Using a function as a parameter in a React component constructor

Implement dynamic routes within your Nuxt single page application once it has been generated

Tips for displaying diverse content in a DIV container when users click on various sections of an image

Cause: Trying to serialize an `object` that is not JSON serializable (such as a "[object Date]"). Ensure that only JSON serializable data types are returned

Center the cropped image within a div container

Tips for resizing the background to match the font size on a canvas marker in Google Maps

Customize Link Appearance Depending on Current Section

What is the proper way to activate speech recognition on electron?

Why are my custom material UI styles not showing up after the deployment?

Using jQuery to create two identical widgets

Styling in Next.js with conditions

Creating a grid UI in AngularJS using Typescript: utilizing functions as column values

What is the best way to keep the navbar contained within the parent div (hero image) no matter the size of the screen?

The functionality of making Slim POST requests is currently not functioning as expected within the Ionic

Utilizing jQuery to add elements to a webpage

Change prompt-sync from require to import syntax

Combining Blazor with Bootstrap for seamless form validation

Ways to determine if an element is hidden based on its displayed text

Personalizing bootstrap tabs

Attempting to establish a means to switch between languages