\u00a0\u2013 This command will return a list of elements on the web page and finds the elements in a particular location using locators.<\/span><\/li>\n<\/ul>\nLet\u2019s see the example of how to get a single element \u2013 Using the findElement() method and getting the Text Field WebElement object on a web page.<\/span><\/p>\nStep 1:<\/b> To create objects of Web Elements we need to import the below package<\/span><\/p>\nimport<\/b> org.openqa.selenium.WebElement;<\/span><\/p>\nStep 2: <\/b>We<\/span> need to call the findElement() method and get a WebElement object which is available on the WebDriver class.<\/span><\/p>\nInputBox<\/b><\/h3>\n
Input boxes refer to below two types:<\/span><\/p>\n\n- Text Fields: Textboxes are used as input text from the user, and the entered text by the user will be visible as it is typed.<\/span><\/b><\/li>\n
- Password Fields: <\/b>It<\/span> input text from the user, but it uses some character to obscure the text as input. The text entered in this field is not visible to the user, it displays in an encrypted format.<\/span><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_13.png\" "\\"\\"")
<\/p>\n
Locators<\/b><\/h3>\n
The findElement() method takes locator as parameter to the element. Multiple locators By.name(), By.id(), By.CSSSelector(), By.Xpath(), etc. locate the elements using properties like name, id, Xpath, etc.\u00a0<\/span><\/p>\nWe use Inspect Element to the id, name, Xpath, etc. of the elements.<\/span><\/p>\nUsing the example <\/span> https:\/\/login.yahoo.com\/<\/span> given below code is the code to locate the \u201cEmail address\u201d field using the <\/span>name<\/b> locator and the \u201cPassword\u201d field using the <\/span>id<\/b> locator.<\/span><\/p>\nStep 1:<\/b> Go the site <\/span>https:\/\/login.yahoo.com\/<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_14.png\" "\\"\\"")
<\/p>\n
Step 2:<\/b> Right-click on the Email address field and select Inspect<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_15.png\" "\\"\\"")
<\/p>\n
Step 3: <\/b>Click on Inspect Icon and select the Email Address field to inspect.<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_16.png\" "\\"\\"")
<\/p>\n
The \u201cEmail Address\u201d text field name locator is <\/span>name<\/b>=\u201dusername\u201d<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_17.png\" "\\"\\"")
<\/p>\n
The \u201cPassword\u201d text field id locator is <\/span>id<\/b>=\u201dlogin-passwd\u201d<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_18.png\" "\\"\\"")
<\/p>\n
[box type=”shadow” align=”” class=”” width=””]<\/p>\n
\/\/WebElement corresponding to the Email Address<\/b><\/p>\n
WebElement email = driver.findElement(<\/span>By.name(\u201cusername\u201d));<\/span><\/p>\n\/\/WebElement corresponding to the Password field<\/b><\/p>\n
WebElement password = driver.findElement(<\/span>By.id(\u201clogin-passwd\u201d));[\/box]<\/span><\/p>\nEntering Values in Input Boxes<\/b><\/h3>\n
sendKeys()<\/b> is the method to enter the text into the Text Fields and Password Fields.<\/span><\/p>\nUsing the example <\/span> https:\/\/login.yahoo.com\/<\/span> given below code is the code on how to find the Text field and Password fields and enter values into them.<\/span><\/p>\nScenario<\/b><\/p>\n\n- Find the \u201cEmail address\u201d field by using the name locator<\/span><\/li>\n
- Find the \u201cPassword\u201d field by using the id locator<\/span><\/li>\n
- Enter a email id into the “Email address” using the sendKeys() method.<\/span><\/li>\n
- Enter a password into the “Password” field by using the sendKeys() method.<\/span><\/li>\n<\/ol>\n
[box type=”shadow” align=”” class=”” width=””]<\/p>\n
\/\/<\/span>WebElement corresponding to the Email Address<\/b><\/p>\nWebElement email = <\/span>driver<\/b>.findElement(By.name(\u201c<\/span>username<\/b>\u201d));<\/span><\/p>\n\/\/WebElement corresponding to the Password field<\/b><\/p>\n
WebElement password = <\/span>driver<\/b>.findElement(By.id(\u201c<\/span>login-passwd<\/b>\u201d));\u00a0<\/span>[\/box]<\/p>\nemail.<\/span>[highlight color=”green”]sendKeys<\/strong>[\/highlight](\u201c<\/span>qwerty@yahoo.com<\/span>\u201d);
\n<\/span>password.[highlight color=”green”]sendKeys<\/strong>[\/highlight]<\/span>(<\/span>\u201c******\u201d<\/b>);<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_19.png\" "\\"\\"")
<\/p>\n
Deleting Input Boxes Values<\/b><\/h3>\n
The method <\/span>clear()<\/b> is used to delete the given value in an input box. The code will clear the entered text from the Email address and Password fields.<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_20.png\" "\\"\\"")
<\/p>\n
Buttons<\/b><\/h3>\n
The <\/span>click()<\/b> method is used to access the buttons.
\n<\/span>In the below example<\/span><\/p>\nScenario<\/b><\/p>\n\n- Find the Log In button<\/span><\/li>\n
- Click on the \u201cLog In\u201d button to get login to the site<\/span><\/li>\n<\/ol>\n
WebElement facebooklogin = driver.findElement(By.id(\u201c<\/span>u_0_b\u201d));<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_21.png\" "\\"\\"")
<\/p>\n
Submit Buttons<\/b><\/h3>\n
Submit buttons are used to submit the complete form to the server. By using either submit() method or click() method on the web element in the form or on the submit button itself.<\/span><\/p>\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2020\/04\/Screenshot_22.png\" "\\"\\"")
<\/p>\n
Complete Program<\/b><\/h2>\n
Below is the complete code for above all scenarios<\/b><\/p>\nimport org.openqa.selenium.By;<\/span>\nimport org.openqa.selenium.WebDriver;<\/span>\nimport org.openqa.selenium.chrome.ChromeDriver;<\/span>\nimport org.openqa.selenium.*;<\/span>\n\npublic class FormTesting {<\/span>\n\n\u00a0\u00a0\u00a0\u00a0public static void main(String[] args) {<\/span>\n\n\u00a0\u00a0\u00a0System.setProperty(\"webdriver.chrome.driver\",\"<\/span> D:\\\\Drivers\\\\geckodriver.exe\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0WebDriver driver = new ChromeDriver();<\/span> \n\n\n\u00a0String baseUrl = \"<\/span> https:\/\/www.facebook.com\/<\/span> \";<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0driver.get(baseUrl);<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Get the corresponding WebElement to the Email Address<\/b>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0WebElement email = driver.findElement(By.name(\u201cemail\u201d));<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Get the corresponding WebElement to the Password Field<\/b>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0WebElement password = driver.findElement(By.id(\u201cpass\u201d));<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0email.sendKeys(\"qwerty@gmail.com\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0password.sendKeys(\"qwerty1234\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0System.out.println(\"Entered Text Field Set\");<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Deleting the entered values in the text box<\/b>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0email.clear();<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0password.clear();<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0System.out.println(\"Entered Text Field Cleared\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Find the submit button<\/b>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0WebElement login = driver.findElement(By.id(\"<\/span>u_0_b<\/span> \"));<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Click method to submit form<\/b> \n\nemail.sendKeys(\"qwerty@gmail.com\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0password.sendKeys(\"qwerty1234\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0login.click();<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0System.out.println(\"Login Done with Click Option\");<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Using the submit method to submit the form. Submit used on the password field<\/b>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0driver.get(baseUrl);<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0driver.findElement(By.name(\u201cemail\u201d)).sendKeys(\"qwerty@gmail.com\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0driver.findElement(By.id(\u201cpass\u201d)).sendKeys(\"qwerty1234\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0driver.findElement(By.id(\"<\/span>u_0_b<\/span>\")).submit();<\/span>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0System.out.println(\"Login Done with Submit Operation\");<\/span>\n\n\u00a0\u00a0\u00a0\u00a0}<\/span>\n\n}<\/span><\/pre>\nConclusion<\/b><\/h2>\n
The below table summarizes the commands to access each type of element<\/span><\/p>\n\n\n\n| Element<\/b><\/td>\n | Command\u00a0<\/b><\/td>\n | Description<\/b><\/td>\n<\/tr>\n\n| Input Box<\/b><\/td>\n | sendKeys()<\/span><\/td>\n | It is used to enter values into text boxes<\/span><\/td>\n<\/tr>\n\n| <\/td>\n | clear()<\/span><\/td>\n | It is used to clear the value in the text box<\/span><\/td>\n<\/tr>\n\n| Submit Button<\/b><\/td>\n | submit()<\/span><\/td>\n | It is used to submit the form<\/span><\/td>\n<\/tr>\n\n| Links<\/b><\/td>\n | click()<\/span><\/td>\n | It is used to click on the link to get the page load<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":" Selenium WebElement Form: TextBox, Submit button, sendkeys(), and Click() Forms are the web elements to receive basic information from the websites. Web forms have multiple GUI elements like Checkboxes, Textboxes, Radio buttons, Dropdown fields, Input fields, etc. In this article, we will see how to identify the form elements using Selenium WebDriver. Selenium encapsulates every […]<\/p>\n","protected":false},"author":16,"featured_media":2938,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[556,557,45],"class_list":["post-2705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-selenium-tutorials","tag-form-webelement","tag-locators","tag-selenium"],"_links":{"self":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/posts\/2705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/comments?post=2705"}],"version-history":[{"count":0,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/posts\/2705\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/media\/2938"}],"wp:attachment":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/media?parent=2705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/categories?post=2705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/tags?post=2705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} | | | | |