{"id":2553,"date":"2023-10-30T17:53:28","date_gmt":"2023-10-30T17:53:28","guid":{"rendered":"https:\/\/rahulshettyacademy.com\/blog\/?p=2553"},"modified":"2023-12-03T06:47:50","modified_gmt":"2023-12-03T06:47:50","slug":"selenium-form-webelement-textbox-submit-button-sendkeys-click","status":"publish","type":"post","link":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/2023\/10\/30\/selenium-form-webelement-textbox-submit-button-sendkeys-click\/","title":{"rendered":"Handle WebElements: TextBox, SubmitButton using sendKeys and Click methods"},"content":{"rendered":"\n

What you will Learn in this blog:<\/strong><\/p>\n\n\n\n

    \n
  1. \u2018sendkeys\u2019 method in selenium to type text in a text field<\/li>\n\n\n\n
  2. Usage of click() method in selenium<\/li>\n\n\n\n
  3. Usage of clear() method in selenium<\/li>\n\n\n\n
  4. Usage of submit() method in selenium<\/li>\n\n\n\n
  5. Source code<\/li>\n<\/ol>\n\n\n\n


    <\/strong>\u2018sendkeys\u2019 method in selenium to type text in a text field<\/strong><\/p>\n\n\n\n

    Let us now see the usage of \u2018sendkeys\u2019 method in selenium to type some text in a text field. <\/p>\n\n\n\n

    Launch https:\/\/www.selenium.dev\/downloads\/<\/a> <\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Click \u2018API Docs\u2019 link under \u2018Java\u2019. The below page comes up<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Search for \u2018By\u2019. You will see search results<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Click the first search result shown above.<\/p>\n\n\n\n

    The selenium API has class \u2018By<\/em>\u2019 that helps in identifying the elements on a webpage
    <\/p>\n\n\n\n

    Open chrome browser window and launch https:\/\/rahulshettyacademy.com\/angularpractice\/<\/a> <\/p>\n\n\n\n

    Inspect the \u2018Name\u2019 field. <\/p>\n\n\n\n

    Notice below that this field is represented by attribute \u2018name\u2019 having the value \u201cname\u201d
    <\/strong><\/p>\n\n\n\n

    See line#17 that shows the usage of By.name<\/em><\/strong> method<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    So we can copy the value of \u2018name\u2019 attribute & use it as shown below<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Next, we can further chain the \u2018sendkeys<\/em><\/strong>\u2019<\/strong> method that will help us to simulate the typing of keys<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    So if we want to simulate the typing of \u201ctestuser1\u201d, the \u2018sendkeys\u2019 method can do it for us<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Save and execute the script. <\/p>\n\n\n\n

    Notice below that the desired text gets typed in the text field
    <\/p>\n\n\n\n

    Usage of click() method in selenium<\/strong><\/p>\n\n\n\n

    Go to https:\/\/courses.rahulshettyacademy.com\/courses<\/a> <\/p>\n\n\n\n

    You will see lot of courses<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Let us inspect the first course \u201cALL-ACCESS Subscription\u201d<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    We can create xpath to identify this element (this element is present under a \u2018div\u2019 tag whose attribute is \u2018title\u2019 and the value of attribute is \u2018All-Access Membership\u2019)<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    We can now use the \u2018click()\u2019 method to click this element<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Save and execute. <\/p>\n\n\n\n

    Notice below that the course link is clicked and the course\u2019s detail page comes up<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Usage of clear() method in selenium<\/strong><\/p>\n\n\n\n


    The \u2018clear()<\/em><\/strong>\u2019 method simply clears the text from the textbox. See below. We are entering text \u201ctestuser1\u201d in line#28. <\/p>\n\n\n\n

    In line#29 we are using the \u2018clear()\u2019 method to delete or clear the same text    <\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Save and run. <\/p>\n\n\n\n

    Notice below that the \u2018Name\u2019 field becomes empty\/clear<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Usage of submit() method in selenium<\/strong><\/p>\n\n\n\n


    Launch     https:\/\/rahulshettyacademy.com\/angularpractice\/<\/a> <\/p>\n\n\n\n

    Enter value in \u2018Name\u2019 field<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    We can see the \u2018Submit\u2019 button above to submit the form.<\/p>\n\n\n\n

    Let us click \u2018Submit\u2019. Notice that we get the \u2018Success\u2019 message<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Let us automate these manual steps<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Notice below that the form has been submitted successfully<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    So this is how we can handle some of the form web elements using selenium.<\/p>\n\n\n\n

    Source code<\/span><\/strong><\/p>\n\n\n\n

    \n
    package Intro;\nimport org.openqa.selenium.By;\nimport org.openqa.selenium.WebDriver;\nimport org.openqa.selenium.firefox.FirefoxDriver;\n\n\nimport io.github.bonigarcia.wdm.WebDriverManager;\npublic class SeleniumScript {\n\tpublic static void main(String[] args) {\n\t\tWebDriverManager.firefoxdriver().setup();\n\t\tWebDriver driver = new FirefoxDriver();\n\/\/sendkeys method\n\t\t\/*\t\tdriver.get(\"https:\/\/rahulshettyacademy.com\/angularpractice\/\");\t\tdriver.findElement(By.name(\"name\")).sendKeys(\"testuser1\");\n\t\t*\/\n\/\/click method\n\t\t\/*\t\tdriver.get(\"https:\/\/courses.rahulshettyacademy.com\/courses\");\n\t\tdriver.findElement(By.xpath(\"\/\/div[@title='All-Access Membership']\")).click();\n\t\t*\/\n\/\/clear method\n\t\t\/*\n\t\tdriver.get(\"https:\/\/rahulshettyacademy.com\/angularpractice\/\");\t\tdriver.findElement(By.name(\"name\")).sendKeys(\"testuser1\");\n\tdriver.findElement(By.name(\"name\")).clear();\n\t\t*\/\n\/\/submit method\t\tdriver.get(\"https:\/\/rahulshettyacademy.com\/angularpractice\/\");\t\tdriver.findElement(By.name(\"name\")).sendKeys(\"testuser1\");\n\tdriver.findElement(By.name(\"name\")).submit();\n}\n}\n<\/code><\/pre>\n<\/div><\/div>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"
    What you will Learn in this blog: \u2018sendkeys\u2019 method in selenium to type text in a text field Let us now see the usage of \u2018sendkeys\u2019 method in selenium to type some text in a text field.  Launch https:\/\/www.selenium.dev\/downloads\/  Click \u2018API Docs\u2019 link under \u2018Java\u2019. The below page comes up Search for \u2018By\u2019. You will […]<\/p>\n","protected":false},"author":1,"featured_media":1238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=2553"}],"version-history":[{"count":11,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2553\/revisions"}],"predecessor-version":[{"id":2815,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2553\/revisions\/2815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media\/1238"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=2553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=2553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=2553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}