How to select Selenium web Element when class changes based on dropdown highlighted

Question

I have a dropdown selection, the class changes based on the mouse movement on the dropdown values (Active value)

I tried the below code and it worked for 'Individual'

driver.findElement(By.cssSelector("div[class=ui-menu-item-wrapper]")).click();

If you see the screenshot, Class 'ui-menu-item-wrapper' is same for both Individual and Corporation.

Question: I am not sure how to select Individual or Corporation using cssSelector. I want to give Individual or Corporation from the excel data feed.

supputuri · Accepted Answer · 2019-05-03 20:25:10Z

1

Here is the option to select using xpath.

Xpath:

//ul[starts-with(@class,'ui-menu') and @role='combobox']//div[normalize-space(.)='" + valueFromExcel +"']

//ul[starts-with(@class,'ui-menu') and @role='combobox']//div[normalize-space(.)='Individual']

Using xpath is simple and direct in this case as you are planning to use the text to identify the element which is not supported by CSS.

Still if you want to stick to the CSS then you have to get each element text using css and then select nth element if text match.

answered May 3, 2019 at 20:25

supputuri

14.2k2 gold badges26 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

supputuri Over a year ago

Let me know the language if you are looking for CSS solution.

KunduK · Accepted Answer · 2019-05-03 20:25:58Z

1

Use WebDriverWait to handle dynamic element and following Xapth to click on the element.Hope this code will work for you.

String text="corporation";
WebDriverWait wait=new WebDriverWait(driver, 30);
wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='ui-menu-item-wrapper' and text()='" + text + "']"))).click();

answered May 3, 2019 at 20:25

KunduK

33.4k5 gold badges19 silver badges42 bronze badges

3 Comments

gkiranreddy Over a year ago

I tried the above and got this error

Expected condition failed: waiting for element to be clickable: By.xpath: //div[@class='ui-menu-item-wrapper' and text()='corporation'] (tried for 30 second(s) with 500 milliseconds interval)

KunduK Over a year ago

instead of image can you share html text it very difficult provide answer based on snapshot

gkiranreddy Over a year ago

Thanks for your Answer, I got the resolution from another answer

S A · Accepted Answer · 2019-05-03 20:55:35Z

1

If it is not necessary for some reason to use the CSS selector and the ID of the elements are not dynamic and stays the same, you can find the elements by ID. Or you can find the elements by text using the XPath.

Here are some of the ways you can locate the second element of the list.

ID

driver.findElement(By.id("ui-id-194")).click();

XPath

//Finds the element by text
String text = "Corporation";
driver.findElement(By.xpath("//li[@class='ui-menu-item']/div[contains(text(),'"+ text +"')]")).click();

CSS Selector

//Finds the second div with the same class
driver.findElement(By.cssSelector("div[class=ui-menu-item-wrapper]:nth-of-type(2)")).click();

Also, you can use the CSS selector or xpath to get the element using it's id as shown in Valga's answer.

edited May 3, 2019 at 20:55

answered May 3, 2019 at 20:28

S A

1,9151 gold badge11 silver badges19 bronze badges

3 Comments

gkiranreddy Over a year ago

ID - id is dynamic so cannot use this one, next login id changes. XPath worked - Thank you, I am wondering how to pass this value now from external source.

S A Over a year ago

concatenate the string in the XPath. I've edited the xpath code so that you can use the text variable to change the xpath.

gkiranreddy Over a year ago

Actually, Another answer above by Valga fixed my issue, I used your answer and it was helpful as well. I up voted your answer. Thank you again.

Andrew Allison · Accepted Answer · 2019-05-03 19:43:19Z

0

You can find matching elements with a selector that finds the prefix "ui-menu-item-wrapper":

driver.findElements(By.cssSelector("div[class^=ui-menu-item-wrapper]"));

edited May 3, 2019 at 19:43

answered May 3, 2019 at 19:40

Andrew Allison

1,1662 gold badges16 silver badges35 bronze badges

3 Comments

gkiranreddy Over a year ago

Hi Andrew, I tried the same and it worked for Individual, But I want to select Corporation and May be want to give them as a data feed from Excel

Andrew Allison Over a year ago

@gkiranreddy I just edited the answer, I believe you have to use findElements instead of findElement

gkiranreddy Over a year ago

I am a Novice in Selenium, How should I select Individual or Corporation after FindElements. FindElements.dot gives 'contains' 'equals'. and I want to click on the value.

Valga · Accepted Answer · 2019-05-03 20:50:51Z

-1

Try these

Using the ID of the Corporation DIV

driver.findElement(By.cssSelector("[id='ui-id-194']")).click();

or use findelements to get a list of elements that contains in their class "ui-menu-item-wrapper", then click on the second item of the list (0 is first item, 1 is second, in this case, corporation.)

driver.findElements(By.cssSelector("div[class*=ui-menu-item-wrapper]")).get(1).click();

you can also do this to click on an element of the list that contains certain text:

for (WebElement x : driver.findElements(By.cssSelector("div[class*=ui-menu-item-wrapper]"))){
    if (x.getText().equals("StringValueYouWantHere")){
        x.click();
        break;
    }
}

Hope it helps.

edited May 3, 2019 at 20:50

answered May 3, 2019 at 20:03

Valga

4592 silver badges7 bronze badges

3 Comments

gkiranreddy Over a year ago

ID does not work in my case as it changes every login, I think its dynamic value. Your second option gave this error and not sure how to handle this The type of the expression must be an array type but it resolved to List<WebElement>

Valga Over a year ago

Fixed it, i forgot that java cant handle lists like that

gkiranreddy Over a year ago

Thanks a lot, the below code worked perfectly

String clienttype = ExcelUtils.getCellData(16,2); 		for (WebElement x : driver.findElements(By.cssSelector("div[class*=ui-menu-item-wrapper]"))){ 		    if (x.getText().equals(clienttype)){ 		        x.click(); 		        break; 		    } 		}

Collectives™ on Stack Overflow

How to select Selenium web Element when class changes based on dropdown highlighted

5 Answers 5

1 Comment

3 Comments

3 Comments

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

3 Comments

3 Comments

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related