Multiple Selection Using Selenium Webdriver

Question

I want to simulate a multiple selection scenario using Selenium webdriver, so that the user is able to select Item 1 and Item 5 (see the URL) .

URL JQuery Selectable

Right now I am trying to do this using the clickAndHold function, but when I try, it selects all the other items in between the Item 1 and Item 5.

Right now this is happening

This is happening

I want this

My code goes like this :

baseUrl="http://jqueryui.com/selectable/";
driver.get(baseUrl);
driver.switchTo().frame(0);
List<WebElement> list=driver.findElements(By.cssSelector("ol#selectable *"));
Actions act=new Actions(driver);

act.clickAndHold(list.get(0)).clickAndHold(list.get(4)).release().build().perform();

So the mouse is not released until it gets to the fifth item in the list, which probably is the reason for selection in between.

But If I try to not release the mouse click and select the fourth item, using this code

act.clickAndHold(list.get(0)).build().perform();
act.clickAndHold(list.get(4)).build().perform();

Then I'm getting the same output as the code above. What should I change here so the the items in between are not selected.

tim-slifer · Accepted Answer · 2014-07-09 06:29:22Z

3

Since what you want is a more CTRL+click type of usage scenario, I'd recommend the following:

Actions actions = new Actions(driver)
actions.keyDown(Keys.CONTROL)
       .click(list.get(0))
       .click(list.get(4))
       .keyUp(Keys.CONTROL)
       .build();
       .perform();

While I've not tested this exact code, this should get you down the right path.

answered Jul 9, 2014 at 6:29

tim-slifer

1,0881 gold badge10 silver badges18 bronze badges

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

1 Comment

demouser123 Over a year ago

Thanks Tim. This is perfect. I am kinda lame for not thinking of this control thingy.

41 72 6c · Accepted Answer · 2021-10-20 10:08:11Z

0

To select multiple options in the selectable:

List<WebElement> Selectable = driver.findElements(By.xpath("//*[@id='selectable']/*"));
Actions x = new Actions(driver);

x.keyDown(Keys.CONTROL)
 .click(Selectable.get(0))
 .click(Selectable.get(4))
 .keyUp(Keys.CONTROL)
 .build().perform();

edited Oct 20, 2021 at 10:08

41 72 6c

1,7786 gold badges25 silver badges37 bronze badges

answered Oct 20, 2021 at 9:44

Krishna Krishnaaa

1

Comments

Pathfinder · Accepted Answer · 2023-09-06 21:22:38Z

0

Actions actions = new Actions(getDriver());
        List<WebElement> credentials= getDriver().findElements(By.cssSelector("Your locator"]"));
        for (int i = 0; i <credentials.size() ; i++) {
        }
        actions.keyDown(Keys.CONTROL)
                .click(credentials.get(0))
                .keyUp(Keys.CONTROL)
                .click(credentials.get(4))
                .build().perform();
    }

That should help you to click on multiple options

edited Sep 6, 2023 at 21:22

answered Aug 21, 2023 at 20:40

Pathfinder

234 bronze badges

1 Comment

Diego Borba Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Multiple Selection Using Selenium Webdriver

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related