Question

33

how to select a dropdown value in selenium webdriver using node.js

rated 0 times [ 36] [ 3] / answers: 1 / hits: 20422 / 10 Years ago, thu, september 25, 2014, 12:00:00

I have following HTML structure:

<button class="dropdown-toggle selectpicker btn btn-primary" data-toggle="dropdown" type="button" data-id="strategic_reseller_country" title="United States">

<div class="dropdown-menu open" style="max-height: 245.6px; overflow: hidden; min-height: 40px;">

   <ul class="dropdown-menu inner selectpicker" role="menu" style="max-height: 243.6px; overflow-y: auto; min-height: 38px;">

      <li class="" rel="0">

         <a class="" style="" tabindex="0">

         <span class="text"/>

         <i class="glyphicon glyphicon-ok icon-ok check-mark"/>

         </a>

      </li>

      <li rel="1">

         <a class="" style="" tabindex="0">

         <span class="text">Andorra</span>

         <i class="glyphicon glyphicon-ok icon-ok check-mark"/>

         </a>

      </li>

      <li rel="2">

         <a class="" style="" tabindex="0">

         <span class="text">United Arab Emirates</span>

         <i class="glyphicon glyphicon-ok icon-ok check-mark"/>

         </a>

      </li>

      <li rel="3">

         <a class="" style="" tabindex="0">

         <span class="text">Afghanistan</span>

         <i class="glyphicon glyphicon-ok icon-ok check-mark"/>

         </a>

      </li>

      <li rel="4">

      <li rel="5">

      <li rel="6">

      <li rel="7">

      <li rel="8">

      <li rel="9">

         <a class="" style="" tabindex="0">

         <span class="text">Netherlands Antilles</span>

         <i class="glyphicon glyphicon-ok icon-ok check-mark"/>

         </a>

      </li>

   </ul>

</div>

So how could I get the item from list?

I am new to Node.Js (JavaScript) so I don't know how to achieve it in node.Js but it can be achieved in java as follows :

Select dropdown = new Select(driver.findElement(By.class("dropdown-menu inner selectpicker"))); 

dropdown.selectByVisibleText("Andorra");

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

beatriceisabelad

Add To Favorites

Follow

Total Points: 710

Total Questions: 107

Total Answers: 99

Location: Cayman Islands

Member since Sat, Sep 17, 2022

2 Years ago

beatriceisabelad questions

1 Using an Owl Carousel in a project

Fri, Apr 2, 21, 00:00, 3 Years ago

1 TypeError: Cannot read property 'webContents' of undefined at ipcMainImpl. in electron

Thu, Oct 8, 20, 00:00, 4 Years ago

1 react-hook-form set to dirty when only touched

Fri, Jun 19, 20, 00:00, 4 Years ago

1 Vuetify tooltip in data table

Tue, Dec 3, 19, 00:00, 5 Years ago

1 Array.find vs Array.forEach in performance

Wed, Oct 16, 19, 00:00, 5 Years ago

View All

answered 10 Years ago griffinr · Accepted Answer

I would use Cheerio for this.

module.exports = {

    login: function (browser) {

        var cheerio = require(cheerio)



        browser

            .url(http://www.wikipedia.org)

            .waitForElementVisible('body', 1000)

            .waitForElementVisible('select#searchLanguage', 1000)

            .source(function(result) { // .source() dump the page source in the variable

                $ = cheerio.load(result.value)

                var num_languages = $('select#searchLanguage option').length

                console.log('Wikipedia.org Languages: ' + num_languages);

            })

            .end();

    }

};

or simply using the .execute() command