Before moving towards the problem statement and its resolution, let us take a moment to introduce and create an understanding regarding the application under test. As a sample, we have created a dummy HTML page<\/strong> comprising multiple and assorted web elements.<\/p>\n\n\n \n \n \n\n\n The elementary web elements that constitute the web page are:<\/p>\n\n\n\n Please take a reference to the following webpage afore-mentioned above:<\/strong><\/p>\n\n\n\n We have designed the web page in a way to includes a few fundamental types of web elements.<\/p>\n\n\n\n Subsequent is the HTML code used to create the above-mentioned webpage:<\/strong><\/p>\n\n\n Please take note that, for script creation, we will be using the \u201cLearning_Selenium\u201d project created in the former tutorial.<\/p>\n\n\n\n Step #1:<\/strong> Create a new Java class named as \u201cHandlingDropDown\u201d under the \u201cLearning_Selenium\u201d project.<\/p>\n\n\n\n Step #2:<\/strong> Copy and paste the below code in the \u201cHandlingDropDown.java\u201d class.<\/p>\n\n\n\n Below is the test script that is equivalent to the above-mentioned scenario:<\/strong><\/p>\n\n\n Import Statements<\/strong><\/p>\n\n\n\n Object Instantiation for Select class<\/strong><\/p>\n\n\n\n Select selectByValue = new Select(driver.findElement(By.id(“SelectID_One”)));<\/p>\n\n\n\n We create a reference variable for the Select class and instantiate it using the Select class and the identifier for the dropdown.<\/p>\n\n\n\n The identifier or the locator value for the drop down can be found using the techniques discussed in the initial tutorials (by using Selenium IDE and Firebug).<\/p>\n\n\n\n Take a notice that the identifier for a dropdown can be found as below:<\/strong><\/p>\n\n\n\n Step #1:<\/strong> Most or almost all the drop down elements are defined in the <Select> tag having multiple values (values that can be set into the dropdown) that are defined under the <option> tags.<\/p>\n\n\n\n Setting the value in the dropdown using selectByValue() method<\/strong><\/p>\n\n\n\n selectByValue.selectByValue(“greenvalue”);<\/p>\n\n\n\n In the above Java command, we select the value \u201cgreen\u201d in the drop down using the selectByValue() method and parametrizing it with the text present in the value attribute.<\/p>\n\n\n\n Setting the value in the dropdown using selectByVisibleText() method<\/strong><\/p>\n\n\n\n selectByValue.selectByVisibleText(“Lime”);<\/p>\n\n\n\nManaging Dropdown Elements on a Webpage<\/h2>\n\n\n\n
![\"Select](\"https:\/\/www.softwaretestinghelp.com\/wp-content\/qa\/uploads\/2014\/10\/Select-Class-for-Handling-Dropdown-Elements-on-a-Web-Page-1.png\")
<\/figure>\n\n\n\n\n
![\"elementary](\"https:\/\/www.softwaretestinghelp.com\/wp-content\/qa\/uploads\/2014\/10\/Selenium-select-class-1.jpg\")
<\/a><\/figure>\n\n\n\nExplanation of Application Under Test<\/h3>\n\n\n\n
\n
\n<!DOCTYPE html>\n<html>\n<head><title> Testing Select Class <\/title>\n<body>\n<div id="header">\n<ul id="linkTabs">\n<li>\n<a href="https:\/\/www.google.co.in\/">Google<\/a>\n<\/li>\n<li>\n<a href="http:\/\/abodeqa.wordpress.com\/">abodeQA<\/a>\n<\/li>\n<\/ul>\n<\/div>\n<div class="header_spacer"><\/div>\n<div id="container">\n<div id="content" style="padding-left: 185px;">\n<table id="selectTable">\n<tbody>\n<tr>\n<td>\n<div>\n<select id="SelectID_One">\n<option value="redvalue">Red<\/option>\n<option value="greenvalue">Green<\/option>\n<option value="yellowvalue">Yellow<\/option>\n<option value="greyvalue">Grey<\/option>\n<\/select>\n<\/div>\n<\/td>\n<td>\n<div>\n<select id="SelectID_Two">\n<option value="applevalue">Apple<\/option>\n<option value="orangevalue">Orange<\/option>\n<option value="mangovalue">Mango<\/option>\n<option value="limevalue">Lime<\/option>\n<\/select>\n<\/div>\n<\/td>\n<td>\n<div>\n<select id="SelectID_Three">\n<option value="selectValue">Select<\/option>\n<option value="elephantvalue">Elephant<\/option>\n<option value="mousevalue">Mouse<\/option>\n<option value="dogvalue">Dog<\/option>\n<\/select>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<!DOCTYPE html>\n<html>\n<body>\n<p>Click the button to display a confirm box.<\/p>\n<button onclick="myFunction()">Try it<\/button>\n<script>\nfunction myFunction()\n{\nconfirm("Press a button!");\n}\n<\/script>\n<\/body>\n<\/html>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\nScenario to be Automated<\/h3>\n\n\n\n
\n
WebDriver Code Using Selenium Select Class<\/h3>\n\n\n\n
\nimport static org.junit.Assert.*;\nimport org.junit.After;\nimport org.junit.Before;\nimport org.junit.Test;\nimport org.openqa.selenium.By;\nimport org.openqa.selenium.WebDriver;\nimport org.openqa.selenium.firefox.FirefoxDriver;\nimport org.openqa.selenium.support.ui.Select;\n \n\/**\n * class description\n *\/\n \npublic class HandlingDropDown {\n WebDriver driver;\n \n \/**\n * Set up browser settings and open the application\n *\/\n \n @Before\n public void setUp() {\n driver=new FirefoxDriver();\n \n\/\/ Opened the application\n driver.get(\"file:\/\/\/F:\/Work\/Blogs\/testingstuff\/DemoWebAlert.html\");\n driver.manage().window().maximize();\n }\n \n \/**\n * Test to select the dropdown values\n * @throws InterruptedException\n *\/\n \n @Test\n public void testSelectFunctionality() throws InterruptedException { \n \n\/\/ Go to google\n driver.findElement(By.linkText(\"Google\")).click();\n \n\/\/ navigate back to previous webpage\n driver.navigate().back();\n Thread.sleep(5000);\n \n\/\/ select the first operator using \"select by value\"\n Select selectByValue = new Select(driver.findElement(By.id(\"SelectID_One\")));\n selectByValue.selectByValue(\"greenvalue\");\n Thread.sleep(5000);\n \n\/\/ select the second dropdown using \"select by visible text\"\n Select selectByVisibleText = new Select (driver.findElement(By.id(\"SelectID_Two\")));\n selectByVisibleText.selectByVisibleText(\"Lime\");\n Thread.sleep(5000);\n \n\/\/ select the third dropdown using \"select by index\"\n Select selectByIndex = new Select(driver.findElement(By.id(\"SelectID_Three\")));\n selectByIndex.selectByIndex(2);\n Thread.sleep(5000); \n }\n \n \/**\n * Tear down the setup after test completes\n *\/\n \n @After\n public void tearDown() { \n driver.quit();\n }\n}\n<\/pre><\/div>\n\n\nCode Walkthrough<\/h3>\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n