Google+

399. Using deselectAll( ) command to deselect any already selected list options in the multiple-selection Box






In order to understand the multi-selection box, we've to understand the difference between a drop down field and multi-select box.

Difference between Drop down field and Multi-Select box ?

As we have seen in our previous post that, we can select only a single list option from the drop down list field. But in multi-selection box field we can select more than one list options from the list as shown below:



Test Description:

Before we select more than one list options in the Multi-Select Box field, first lets deselect any list option if it is selected by default. Follow the below steps to understand the Test Description:

1. Open http://compendiumdev.co.uk/selenium/basic_html_form.html
2. Observe that the 'Selection Item 4' option is selected by default as shown below:



3.  Remove this default selection by using the Selenium WebDriver command deselectAll( ) 

In order to use the deselectAll( ) 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 Multi-Select Box 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 deselectAll( ) predefined method of Select Class by using its object select as shown below:

select.deselectAll( );




Lets Implement This:

Pre-requisites:

1. Create a new Java Project say 'WebDriver-Project43' in Eclipse IDE
2. Configure the Project to work with Selenium WebDriver
3. Create a package say 'package43' under the newly created project.
4. Create a Java Class file say 'Class43' 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 'deselectAllMultiSelectListOptions( )' which uses CSS Path Statement for locating the  Multi-Selection Box field as shown below:


3. Save and Run the 'Class43.java' file by selecting the 'JUnit Test' option and ensure that our Automation Test has deselect all the list options from the Multi-select Box field 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 selectByVisibleText( ) command to select more than one list options from the Multi Select Box field will be explained in the next post.




 

No comments: