408. Using selectByValue( ) command with Drop Down field

selectByValue( ) command is also used to select the list option using its value  from the Drop Down field.

Finding the values of the list options:

Follow the below steps:

1. Open in Firefox Browser

2. Ensure that you have FireBug AddOn installed in Firefox Browser (If not installed please read this post # 3 to install it)

3. Select the list option to be selected from the Drop Down field, Right click on it and select 'Inspect element with Firebug' option as shown below:

4.  Observe that the HTML code of the Inspected List Option gets displayed as shown below:

5. Find out whether the highlighted HTML code has the value attribute or not as shown below:

6. So the value of the List option 'Drop Down Item 4' is ms4 .

Using selectByValue( ) command:

In order to use the selectByValue( ) command, we have to create an object for Select class of selenium as shown below:

 Select select = new Select(_driver.findElement(By.cssPath("CSS Path of Drop Down  field")));

  • Here Select is the Class name
  • select is the object of Select Class

After creating an object for Select Class, you can get the selectByValue( ) predefined method of Select Class by using its object select as shown below:

select.selectByValue("dd1");  -> This will select the list option 'Drop Down Item 1'  (i.e. dd1 is the 
value of the value attribute in the HTML code of this list option)

Test Description:

Understand the test description by reading the comments mentioned on the below screenshot:

Lets Implement This:


1. Create a new Java Project say 'WebDriver-Project52' in Eclipse IDE
2. Configure the Project to work with Selenium WebDriver
3. Create a package say 'package52' under the newly created project.
4. Create a Java Class file say 'Class52' under the newly created package as shown below:

Actual Steps:

1. Write the following code into the newly created Java Class file as shown below and make sure that you resolve all the errors before going to next step:

2. Write the test method 'selectByValueDemo( )' which uses CSS Path Statement for locating the  Drop Down field as shown below:

3. Save and Run the '' file by selecting the 'JUnit Test' option and ensure that our Automation Test has selected the list option (i.e. Drop Down Item 1) in the Drop Down field by using its value as shown in the below video:

Watch the below video:

Click here to watch the video.

Download this Project:

Click here to download this project and import into Eclipse IDE  on your machine.

Please comment below to feedback or ask questions.

Using navigate( ).to( ) command to open the specified URL will be explained in the next post.


No comments: